Skapa en sida med en startmall
Senast uppdaterad: januari 20, 2023
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 Skapa i övre högra hörnet och välj Webbplatssida eller Landningssida.
- På skärmen för val av mall kan du välja mallar från din aktivt temavisas högst upp på sidan, medan alla andra mallar visas i avsnittetAndra mallar längst ner. Klicka på en mall. 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 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 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
-
- 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
- Anpassa färg och transparens för dina länkar när de hålls över, klickas eller redan har besökts:
-
-
- 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
-
-
-
- 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
-
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 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
-
Smart content | Vanliga frågor
Hitta svar på vanliga frågor om smart innehåll. Du kan lägga till smart innehåll i e-postmeddelanden,...
Kunskapsbas -
Analysera hur intäkterna för ditt innehåll fördelas
Användare i Marketing Hub Enterprise-konton kan analysera hur mycket av de avslutade intäkterna som kan...
Kunskapsbas -
Skapa och anpassa sidor
I HubSpot kan du skapa webbplatser och landningssidor för din webbplats. Du kan anpassa sidans innehåll och...
Kunskapsbas