Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Skapa en sida med en startmall

Senast uppdaterad: mars 31, 2023

Tillgänglig med något av följande abonnemang, om inte annat anges:

Alla produkter och planer

Du kan använda en startmall för att bygga en enkel webbplats eller landningssida. Du kan skapa en ny sida, anpassa sidans design och publicera sidan med hjälp av en startmall. Läs mer om hur du skapar alla typer av sidor i HubSpot.

Observera: startmallar har inte stöd för smart innehåll, anpassade moduler, personalisering, åtkomst till källkoden i rika textmoduler, lösenordsskyddade sidor eller avancerade alternativ som att byta mall och åtkomst till HTML-huvudet.


Skapa en sida med en startmall

Så här skapar du en ny landningssida med en startmall:

  • Navigera till ditt innehåll:

    • Webbplatssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.}
    • Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
  • Klicka på rullgardinsmenyn Skapa uppe till höger och välj Webbplatssida eller Landningssida.
  • På skärmen för val av mall kan du välja mallar från din aktiva temahögst upp på sidan, medan alla andra mallar visas i avsnittetAndra mallar längst ner. Klicka på enmall. Om du inte har valt ett aktivt tema uppmanas du att välja ett eller klicka påHoppa till mallar för att välja en befintlig mall.
  • Om du vill skapa sidan med den valda mallen klickar du påVälj den här mallen uppe till höger. Klicka på Förhandsgranska om du vill förhandsgranska sidan på mobilen eller skrivbordet.

select-a-template-to-create-page

Redigera sidans innehåll

Startmallar innehåller block av webbplatsinnehåll som kallas moduler. Du kan ordna modulerna i horisontella rader eller vertikala kolumner.

Du kan gruppera rader och kolumner i sektioner av element. Genom att gruppera element tillsammans kan du tillämpa bakgrundsstilar på ett helt område på sidan. Du kan också dra och släppa dessa element för att ändra sidans layout. Läs mer om hur du redigerar sidans innehåll i ett drag-och-släpp-område.

Om du vill anpassa sidans utseende på mobila enheter klickar duikonen för mobil ediEditfor mobile i redigeringsfältet i sidofältet.

edit-mobile-version-of-a-page

Anpassa typsnitt, färger och knappar

Om du vill anpassa standardstilarna för din startmall klickar du på fliken Tema i sidebarredigeraren. Du kan också anpassa bakgrundsfärgen eller bilden för en specifik rad, kolumn eller sektion på sidan.

Edit-theme-options-in-starter-template

Typografi

I avsnittet Typografi redigerar du de typsnitt och typsnittsstilar som tillämpas på sidans huvuddel och rubriker. Alla Google-typsnitt stöds.
  • Textkropp: Anpassa typsnitt, typsnittsstorlek och typsnittsfärger för huvuddelen av sidans textkropp.
    • Klicka på rullgardinsmenyn Kroppstext och välj ett typsnitt.
    • Klicka på piltangenterna för att justera teckensnittsstorleken.
    • Klicka på färgväljaren och välj en färg för typsnittet. Om du vill ställa in en egen färg klickar du på fliken Avancerat och anger ett hexadecimalt värde.
  • Rubriker: Anpassa typsnitt och färg för text i moduler med en rubriktagg.
    • Klicka på rullgardinsmenyn Rubriker och välj ett typsnitt.
    • Klicka på färgväljaren och välj en typsnittsfärg. Om du vill ställa in en anpassad färg klickar du på fliken Avancerat och anger ett hexadecimalt värde.
  • Länktext: Anpassa de typsnitt och färger som tillämpas på länkar på din sida.
    • Klicka på rullgardinsmenyn Länktext och välj ett typsnitt.
    • Klicka på färgväljaren och välj en länkfärg. Om du vill ställa in en egen färg klickar du på fliken Avancerat och anger ett hexadecimalt värde.
    • Klicka på rullgardinsmenyn och välj en stil som ska tillämpas på länktexten.
    • Anpassa färg och transparens för dina länkar när de hålls över, klickas och redan har besökts:
      • Färg för svävande länkar: Klicka på färgväljaren och välj en länkfärg för när en besökare svävar över länken. Om du vill ändra färgens genomskinlighet anger du ett procentvärde i textfältet.
      • Aktiv länkfärg: Klicka på färgväljaren och välj en länkfärg för när du klickar på länken. Om du vill ändra färgens genomskinlighet anger du ett procentvärde i textfältet.
      • Färg för besökta länkar: Klicka på färgväljaren och välj en länkfärg för när länken redan har klickats av en besökare. Om du vill ändra färgens genomskinlighet anger du ett procentvärde i textfältet.

edit-link-text

Formulär och knappar

I avsnittet Formulär och knappar anpassar du hur enkla knappar och knappar för inlämning av formulär ska utformas på sidan.
  • Knappbakgrundsfärg: Anpassa färgen som tillämpas på bakgrunden för dina knappar.
    • Ange ett hexadecimalt värde eller klicka på färgväljaren och välj en färg.
    • Om du vill ställa in genomskinligheten för knappens bakgrundsfärg anger du ett procentvärde i fältet.
  • Knapptextfärg: Anpassa den färg som tillämpas på texten i knapparna på din sida.
    • Ange ett hexadecimalt värde eller klicka på färgväljaren för att välja färg för texten.
    • Om du vill ställa in transparensen för bakgrundsfärgen i din knapp anger du ett procentvärde i fältet.
  • Knappens hörnradie: Anpassa hur runda eller fyrkantiga knapparna på din sida ser ut.
    • Ange ett värde i fältet eller klicka och dra reglaget till en ny position.
    • Ett högre värde innebär att knapparna på din sida får rundare kanter, medan ett värde på noll innebär att knapparna blir rektangulära.

Observera: HubSpot rekommenderar att du håller konsekventa färger, typsnitt och stilar baserat på inställningarna i fliken Design. Du kan åsidosätta standardformat för en enskild modul på fliken Alternativ på vänsterpanelen.


Förhandsgranska och publicera din sida

Innan din sida går live klickar du på Förhandsgranska uppe till höger för att testa hur sidan kommer att visas på skrivbord och mobila enheter. När du är nöjd med förhandsgranskningen av din sida klickar du på Publicera uppe till höger

.
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.