Skapa och anpassa sidor
Senast uppdaterad: juni 15, 2022
Gäller för:
Alla produkter och planer |
I HubSpot kan du skapa webbplatser och landningssidor för din webbplats. Du kan anpassa sidans innehåll och inställningar och optimera sidorna för sökmotorer.
Innan du börjar
- Kontrollera att du har skrivbehörighet för den typ av sida som du vill skapa. Om du vill publicera sidor behöver du också behörighetenPublicera.
- Se till att siddomänen är ansluten till HubSpot för publicering. Om du använder HubSpots kostnadsfria verktyg innehåller ditt konto en HubSpot-märkt domän som är redo för publicering.
- Förstå de olika typerna av sidmallar som finns i HubSpot:
-
- Startmallarna innehåller funktioner för drag och släpp-redigering och alternativ för att anpassa typsnitt, färger och knappstilar. Konton som endast har tillgång till Marketing Hub Starter eller HubSpots kostnadsfria verktyg kan endast skapa sidor med hjälp av startmallar. Läs mer om att skapa sidor med startmallar.
- Temamallar stöder funktioner för drag och släpp-redigering , unika temamoduler och anpassningsbara temastylingar.
- Anpassade mallar skapas i designhanteraren, antingen i layoutredigeraren eller med hjälp av anpassad kod. Redigeringsfunktioner för dra och släpp är endast tillgängliga för anpassade mallar med drag och släpp-områden.
- Ta reda på hur många landningssidor och webbsidor du kan skapa och vilka mallar de kan använda. Detta bestäms av din Marknadsföringshubben och CMS-hubben prenumerationer:
Ingen Marknadsföringshubben Prenumeration | Marketing Hub Starter | Marketing Hub Professional/Enterprise | ||
Ingen CMS-hubb prenumeration |
Landningssidor: upp till 20 sidor, endast startmallar Webbplatssidor: upp till 25 webbplats-sidor med HubSpot-varumärke, alla mallar |
Landningssidor: upp till 10 000 sidor, endast startmallar Webbplatssidor: upp till 25 webbplats-sidor med HubSpot-varumärke, alla mallar |
Landningssidor: upp till 10 000 sidor, alla mallar Webbplatssidor: upp till 25 webbplats-sidor med HubSpot-varumärke, alla mallar |
|
CMS Hub Starter |
Landningssidor: upp till 20 sidor, endast startmallar Webbplatssidor: upp till 50 sidor, alla mallar |
Landningssidor: upp till 10 000 sidor, endast startmallar Webbplatssidor: upp till 50 sidor, alla mallar |
Landningssidor: upp till 10 000 sidor, alla mallar Webbplatssidor: upp till 50 sidor, alla mallar |
|
CMS Hub Professional/Enterprise |
Landningssidor: upp till 10 000 sidor, alla mallar Webbplatssidor: upp till 10 000 sidor, alla mallar |
Landningssidor: upp till 10 000 sidor, alla mallar Webbplatssidor: upp till 10 000 sidor, alla mallar |
Landningssidor: upp till 10 000 sidor, alla mallar Webbplatssidor: upp till 10 000 sidor, alla mallar |
Skapa sidor
-
Navigera till ditt innehåll:
- Sidor på webbplatsen: 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älj Webbplatssida ellerLandningssida.
- Ange ett namn och en domän för sidan i dialogrutan:
- Klicka på rullgardinsmenyn Webbplatsoch välj en domänför sidans URL. Om du inte har några anslutna domäner är kontots standarddomän det enda alternativet.
- Ange ettinternt namnför sidan i fältetSidnamn.
- Klicka påSkapa sida.
- På skärmen för val av mall kan du välja mallar från ditt aktivt tema visas högst upp på sidan, medan alla andra mallar visas i avsnittet Andra 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 längst upp till höger. Klicka påFörhandsgranska om du vill förhandsgranska sidan på mobilen eller datorn.
- När du har valt en mall kommer du till innehållsredigeraren. De tillgängliga redigeringsalternativen beror på sidans malltyp och använda moduler. Läs mer om redigering av sidor som använder start- eller temamallar, globalt innehåll som sträcker sig över flera sidor, drag-och-släpp-områden och moduler för rik text eller bilder.
- Om du vill anpassa sidans inställningar klickar du på fliken Inställningar högst upp i innehållsredigeraren och redigerar sedan inställningarna:
-
- Om du vill ändra sidans interna namn anger du ettnamni fältetInternt sidnamn. Det här namnet kommer inte att vara synligt för besökare.
- Ange ett externt namnför sidan i fältetSidtitel. Det här namnet visas i fliken högst upp i besökarens webbläsare när sidan laddas.
- Om du vill ställa in sidans språk klickar du på rullgardinsmenynSidans språkoch väljer ettspråk. Läs mer om hur du hanterar sidor med flera språk.
- I avsnittetSidans URLklickar du på fältetInnehållsslugför att automatiskt omvandla sidans titel till en URL-slug. Om du vill anpassa URL:en anger du en nyURL-slug i fältetContent slug (innehållsslug). Läs mer om hur du redigerar en sidas webbadress.

-
- I fältetMetabeskrivninganger du enbeskrivningav sidans innehåll som visas i sökresultaten under sidans titel.
- Om du vill koppla sidan till en kampanj i HubSpot klickar du på rullgardinsmenyn Kampanjoch väljer enkampanj. Om du istället vill skapa en ny kampanj väljer duLägg tillny. Läs mer om hur du arbetar med kampanjer i HubSpot.
- Om du vill lägga till en bild som ska inkluderas när sidan delas på sociala medier klickar du på för att aktivera knappen Bild i fokus. Klicka på Ladda upp för att välja en bild från din dator eller Bläddra bland bilder för att välja en bild från filverktyget.
-
- Om du vill anpassa mer avancerade inställningar som sidmall, synlighet och HTML-huvudet klickar du på för att utöka avsnittet Avancerade alternativ. Läs mer om hur du anpassar avancerade alternativ.
- Klicka på fliken Optimera om du vill koppla ett nyckelord för ett ämne eller ett underämne till din sida och visa rekommendationer för SEO. Läs mer om hur du optimerar dina sidor för sökmotorer.
- När du har anpassat sidans innehåll och inställningar klickar du på fliken Publiceringsalternativ och ställer sedan in dina publiceringsalternativ:
- Om du vill publicera sidan nu väljer du alternativet Publicera nu.
- Om du vill publicera sidan i framtiden väljer du alternativet Planera för senare . I fälten som visas väljer du ett datum och en tid för att publicera sidan.
- Om du vill ställa in att sidan ska avpubliceras automatiskt i framtiden markerar du kryssrutan Avpublicera sidan på ett visst datum. I fälten som visas anger du ett datum och en tid för att avpublicera sidan och använder sedan rullgardinsmenyn för att välja en sida dit den här sidan ska omdirigeras.
- Innan du tar sidan i drift kan du förhandsgranska den genom att klicka på Förhandsgranska längst upp till höger. Läs mer om förhandsgranskning av sidor.
- När du är redo att ta din sida i bruk eller planera publiceringen klickar du på Publicera eller Planera uppe till höger.
Om du vill ändra en befintlig sida går du till Marknadsföring > Webbplats > Webbplatssidor eller Marknadsföring > Landningssidor. Håll muspekaren över sidan och klicka på Redigera. När du har gjort dina ändringar klickar du på Uppdatera eller Planera.
Optimera sidor för sökmotorer
På flikenOptimerai innehållsredigeraren kan du visa en sidas SEO-rekommendationer eller koppla den till ett ämne.
-
Navigera till ditt innehåll:
- Sidor på webbplatsen: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Håll muspekaren över sidan och klicka påRedigera.
- Klicka på fliken Optimerai innehållsredigeraren.
- Om sidan är kopplad till ett ämne eller ett underämne visas de i sidobladet. Lär dig hur du fäster en sida till ett ämne eller underämne.
- Om du vill se ofullständiga SEO-rekommendationer klickar du på enkategorimed en röd cirkel i sidobladet. Varje avslutad rekommendation har en grön markering. Varje ofullständig rekommendation har en grå markering. Läs mer om SEO-rekommendationer.

Anpassa avancerade sidalternativ
I avsnittetAvancerade alternativ på flikenInställningarkan du anpassa mer avancerade inställningar som sidmall, kodutdrag och formatmallar.
Observera att avancerade inställningar inte är tillgängliga för sidor som använder startmallar.
-
Navigera till ditt innehåll:
- Sidor på webbplatsen: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Håll muspekaren över sidan och klicka påRedigera.
- I innehållsredigeraren klickar du på fliken Inställningar och sedan påAvancerade alternativ.
- Om du vill ändra sidans synlighet väljer du ett alternativi avsnittetKontrollera publikens åtkomst till sidan:
- VäljOffentligt om du vill göra sidans innehåll tillgängligt för alla besökare.
- Välj Privat - Lösenord krävs för att lägga till ett lösenord som krävs för att besökare ska få tillgång till sidans innehåll.
- I en CMS-hubben Enterprisekonto kan du också välja Privat - Registrering krävsför att kräva att besökare måste registrera sig på din webbplats för att kunna se det här innehållet.
- Om du vill lägga till kodutdrag i HTML-rubriken för den här sidan klickar du på fältet HTML-rubrik för rubrikellerHTML-rubrik för sidfotoch skriver sedan in dittkodutdrag. Om du istället vill lägga till kodutklipp till alla sidor på en domän går du till webbplatsens inställningar.
- Om du vill göra den här sidan dynamisk klickar du på rullgardinsmenynDatakällaoch väljer en HubDB-tabell eller -egenskap. Läs mer om hur du arbetar med dynamiska sidor.
- I avsnittetMallkan du redigera den mall som sidan använder eller välja en annan mall för sidan:
- Om du vill välja en annan mall klickar du påAnvänd annan mall. Om du byter mall för en publicerad sida, se till att klicka på Uppdateraför att ta alla opublicerade ändringar i bruk. Annars kan dessa ändringar gå förlorade när du byter mall.
- Välj etttema på skärmen för val av tema.
- Välj enmall på skärmen för mallval.
- Visa hur sidan kommer att se ut med den nya mallen och klicka sedan påAnvänd mall för att slutföra bytet av mall eller påTillbakaför att välja en annan mall.
- I avsnittetStylesheets kan du hantera de stylesheets som är kopplade till sidan. Läs mer om hur du arbetar med formatmallar i HubSpot.
- Stilblad för domäner: I webbplatsinställningarna kan du lägga till stilblad som kommer att kopplas till alla sidor på en enda domän. Som standard tillämpas domänformatblad på en sida. Om du vill stänga av domänformatmallar för en viss sida klickar du pårullgardinsmenynoch väljerInaktiverad. Läs mer om hur du arbetar med domänformatmallar.
- Stylesheets för mallar: Alla stylesheets som tillämpas på sidans mall visas här. Som standard tillämpas formatmallsformatmallar på en sida. Om du vill stänga av mallformatmallar för en viss sida klickar du på rullgardinsmenynoch väljerInaktiverad. Det här avsnittet visas inte för sidor som använder temamallar.
- Stylesheets för sidor:Klicka på Bifoga ett stylesheet. Om även domän- och mallformatmallar används kommer deras styling att ha företräde.

- Om du vill lägga till en anpassad kanonisk URL anger duURL:n i fältetAnpassa kanonisk URL. Läs mer om hur du använder kanoniska webbadresser.
Förhandsgranskning av sidor
Innan du publicerar en sida kan du förhandsgranska den på olika enhetstyper och testa smart innehåll och personalisering. Läs mer om hur du anpassar en sidas utseende för mobila enheter.
-
Navigera till ditt innehåll:
- Sidor på webbplatsen: I ditt HubSpot-konto, navigera till Marknadsföring > Webbsida > Sidor på webbplatsen.
- Landningssidor: I ditt HubSpot-konto, navigera till Marknadsföring > Landningssidor.
- Håll muspekaren över sidan och klicka påRedigera.
- I innehållsredigeraren klickar du påFörhandsgranskai övre högra hörnet.
- Om du vill se en förhandsgranskning av hela sidan klickar du påÖppna i nytt fönsteruppe till höger. Om du vill dela förhandsgranskningssidan med andra användare i ditt HubSpot-konto klickar du på Kopiera delbar länk på förhandsgranskningssidan. Användare måste vara inloggade i HubSpot för att kunna se förhandsgranskningen.
- Om du vill förhandsgranska sidan på en annan enhet klickar du påikonen fören mobilenhetuppe till höger på förhandsgranskningssidan.
- Om du vill förhandsgranska personalisering eller smart innehåll klickar du på rullgardinsmenynFörhandsgranska som:
- VäljKontaktför att förhandsgranska sidans personalisering. Klicka sedan på den andra rullgardinsmenynoch välj enkontaktför att förhandsgranska hur sidan skulle se ut för den kontakten.
- VäljSmart regelför att förhandsgranska sidans smarta innehåll. Klicka sedan på den andra rullgardinsmenynoch väljen eller flerasmarta reglerför att förhandsgranska hur sidan skulle visas för en besökare som matchar dessa regler.
Thank you for your feedback, it means a lot to us.
Relaterat innehåll
-
Integrera Google Analytics med HubSpot-innehåll
När du integrerar Google Analytics med HubSpot kommer ditt Google Analytics-konto att samla in data om...
Kunskapsbas -
Lösenordsskydda en sida
Du kan kräva att besökarna anger ett lösenord för att komma åt en landningssida eller webbplats. Utseendet på...
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