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.
Landing Pages

Skapa en sida med en startmall

Senast uppdaterad: maj 6, 2022

Gäller för:

Alla produkter och planer

Du kan använda en startmall för att bygga en enkel webbplats eller landningssida. I den här artikeln beskrivs hur du skapar en ny sida, anpassar sidans design och publicerar sidan med hjälp av en startmall.

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 Skapai övre högra hörnet och väljWebbplatssida ellerLandningssida.
  • Klicka på Alla dina mallar i den vänstra sidomenyn i skärmen för mallval.
  • Om du vill visa de tillgängliga startmallarna klickar du på rullgardinsmenyn Filtrera efter källaoch väljerStartmallar.

select-a-starter-template

  • Håll muspekaren över en mall och klicka sedan på Förhandsgranska i övre högra hörnet.
  • Om du vill skapa en sida med den här mallen klickar du på Använd mall i övre högra hörnet.
  • Klicka påFortsätt i dialogrutan.
  • Ange ett internt namnför sidan och klicka sedan påSkapa sida.

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 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 duredigerar 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 mobilei 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 kropp 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 teckenstorleken.
    • 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 typsnittet och färgen 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 eller 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 länken klickas. 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 kan du anpassa 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 ettvärdei fältet eller klicka och drareglaget
    • 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.
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.