Skapa en sida med en startmall
Senast uppdaterad: mars 31, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
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.
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 du på ikonen för mobil ediEditfor mobile i redigeringsfältet i sidofältet.
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.
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.
- Anpassa färg och transparens för dina länkar när de hålls över, klickas och redan har besökts:
-
-
- 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.
-
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
.Relaterat innehåll
-
Exportera ditt innehåll och dina data
Lär dig hur du exporterar HubSpot-innehåll och data från ditt konto, t.ex. sidor, kontakter och filer. ...
Kunskapsbas -
Skapa en klick-till-ringning- eller mailto-länk
När du klickar på knapparna för att ringa upp kopplar du besökare på mobila enheter till ett specifikt...
Kunskapsbas -
Använd teckensnitt i HubSpot
Vilka typsnitt som är tillgängliga för innehåll i HubSpot beror på innehållstyp och typsnittstyp. Vissa...
Kunskapsbas