Skapa sid-, e-post- och bloggmallar i layoutredigeraren

Med hjälp av en mall kan du styra strukturen för olika typer av innehåll på en blogg, sida eller i ett e-postmeddelande. Du kan skapa mallar i designhanteraren genom att dra och släppa moduler. Lär dig mer om hur du skapar mallar i HubSpot i denna Academy-lektion.

Innan du sätter igång

Innan du börjar arbeta med den här funktionen bör du se till att du är helt införstådd med vilka åtgärder som bör vidtas i förväg, liksom funktionens begränsningar och potentiella konsekvenser av att använda den.

Förstå kraven

• Kontrollera att du har behörigheten Designverktyg för att skapa och redigera mallar i designhanteraren.
• Vi rekommenderar att du även har behörighetsuppsättningarna Global content and theme settings och Website Settings om du behöver redigera globala webbtillgångar och blogg-/webbplatsinställningar.

Förstå begränsningar och överväganden

• En Marketing Hub Professional- eller Enterprise-prenumeration krävs för att skapa e-postmallar. Content Hub-konton kan skapa e-postmeddelanden med hjälp av dra-och-släpp-redigeraren.
• Det finns inget stöd för att bifoga CSS- eller JavaScript-filer till en e-postmall, men du kan lägga till anpassad HTML-stilsättning, body-klasser och inline-stil i mallen.
• Drag-och-släpp-mallar stöder inte alla tillgängliga innehållsfunktioner. Om du vill använda så många olika verktyg som möjligt kan du läsa mer om hur du använder HTML + HubL-mallar istället.

Förstå HubSpot-mallar

HubSpot-mallar ger ramverket för bloggar, sidor och e-postmeddelanden, medan dina användare skapar det faktiska innehållet i innehållsredigeraren. Du kan bygga mallar genom att dra och släppa innehållsmoduler för att skapa en layout. Om du vill skapa en mall med HTML istället kan du läsa mer om att bygga en egenkodad mall.

Med hjälp av layoutredigeraren kan du omvandla en idé, skiss eller prototyp till en responsiv mall för att skapa innehåll.

Skapa en ny mall

• I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
• Klicka på Arkiv-menyn längst upp i vänsterkolumnen och välj Ny fil.

• I dialogrutan klickar du på rullgardinsmenyn Vad vill du bygga idag? och väljer Dra och släpp. Klicka sedan på Nästa.

• Klicka pårullgardinsmenyn för malltyp och välj en typ. De flesta standardmoduler är tillgängliga för alla mallar, men vissa moduler är begränsade till vissa malltyper. Du kan välja följande malltyper:
  • Blogg: mallar för enskilda blogginlägg och listningssidor för bloggar.
  • Email: mallar för e-postmeddelanden.
  • Page: mallar för din webbplats och dina målsidor.
  • System: mallar för sidor med felmeddelanden, lösenordsfrågor och e-postprenumerationer.
• Ange ett filnamn. När du är klar klickar du på Skapa.

 

Strukturera och anpassa din mall

Du kan lägga till fler moduler i din mall med hjälp av inspektören till höger i designhanteraren. Klicka på add Add iden högra kolumnen för att söka efter moduler som du kan lägga till i din dra och släpp-mallayout. Läs mer om hur du redigerar mallens struktur.

För att anpassa utformningen av din mall kan du använda alternativen i den högra kolumnen. Om inga specifika moduler har valts kan du lägga till styling i själva mallens huvud. Klicka på en modul eller grupp för att komma åt stylingalternativ som är specifika för den komponenten. Läs mer om hur du använder inspektören för att utforma din mall.

Förhandsgranska och publicera din mall

När du har skapat din mall kan du förhandsgranska hur den kommer att se ut på en live-sida och sedan publicera den.

• För att förhandsgranska mallen:
  • Klicka på Förhandsgranska längst upp till höger.
  • Om du väljer Liveförhandsgranskning med visningsalternativ kan du förhandsgranska mallen som den ser ut på andra enheter genom att välja förinställningen Viewport.
  • Om du väljer Förhandsgranska utan visningsalternativ kan du bara förhandsgranska hur din mall kommer att visas i webbläsare.