Opret side-, e-mail- og blogskabeloner i layouteditoren

Ved hjælp af en skabelon kan du styre strukturen for forskellige typer indhold på en blog, side eller e-mail. Du kan oprette skabeloner i designmanageren ved at trække og slippe moduler. Lær mere om opbygning af skabeloner i HubSpot i denne Academy-lektion.

Før du går i gang

Før du begynder at arbejde med denne funktion, skal du sørge for fuldt ud at forstå, hvilke skridt der skal tages på forhånd, samt funktionens begrænsninger og potentielle konsekvenser af at bruge den.

Forstå kravene

• Kontrollér, at du har tilladelsen Designværktøjer til at oprette og redigere skabeloner i designmanageren.
• Det anbefales, at du også har rettighedssættene Globalt indhold og temaindstillinger og Hjemmesideindstillinger, hvis du skal redigere globale webaktiver og blog-/hjemmesideindstillinger.

Forstå begrænsninger og overvejelser

• Der kræves et Marketing Hub Professional- eller Enterprise-abonnement for at bygge e-mail-skabeloner. Content Hub-konti kan oprette e-mails ved hjælp af træk-og-slip-editoren.
• Det er ikke muligt at tilføje CSS- eller JavaScript-filer til en e-mailskabelon, men du kan tilføje brugerdefinerede HTML-markeringer, body classes og inline style til skabelonen.
• Træk og slip-skabeloner understøtter ikke alle tilgængelige indholdsfunktioner. Hvis du vil bruge det bredeste udvalg af værktøjer, kan du lære mere om at bruge HTML + HubL-skabeloner i stedet.

Forstå HubSpot-skabeloner

HubSpot-skabeloner giver rammerne for blogs, sider og e-mails, mens dine brugere genererer det faktiske indhold i indholdseditoren. Du kan bygge skabeloner ved at trække og slippe indholdsmoduler for at skabe et layout. Hvis du vil oprette en skabelon ved hjælp af HTML i stedet, kan du læse mere om at opbygge en brugerdefineret skabelon.

Layouteditoren hjælper dig med at konvertere en idé, skitse eller prototype til en responsiv skabelon til at oprette indhold.

Opret en ny skabelon

• På din HubSpot-konto skal du navigere til Indhold > Design Manager.
• Klik på menuen Filer øverst i venstre kolonne, og vælg Ny fil.

• I dialogboksen skal du klikke på rullemenuen Hvad vil du gerne bygge i dag? og vælge Træk og slip. Klik derefter på Næste.

• Klik pårullemenuen for skabelontype ,og vælg en type. De fleste standardmoduler er tilgængelige for alle skabeloner, men nogle moduler er begrænset til bestemte skabelontyper. Du kan vælge følgende skabelontyper:
  • Blog: skabeloner til individuelle blogindlæg og blog-listesider.
  • E-mail: Skabeloner til e-mails.
  • Side: Skabeloner til din hjemmeside og landingssider.
  • System: Skabeloner til fejl-, adgangskode- og e-mailabonnementssider.
• Indtast et filnavn. Når du er færdig, skal du klikke på Opret.

 

Strukturér og tilpas din skabelon

Du kan tilføje flere moduler til din skabelon ved hjælp af inspektøren i højre side af designmanageren. Klik på add Tilføj i højre kolonne for at søge efter moduler, som du kan tilføje til dit træk og slip-skabelonlayout.Læs mere om, hvordan du redigerer din skabelons struktur.

Hvis du vil tilpasse stylingen af din skabelon, kan du bruge indstillingerne i højre kolonne. Hvis der ikke er valgt nogen specifikke moduler, kan du tilføje styling til selve skabelonens hoved. Klik på et modul eller en gruppe for at få adgang til stylingindstillinger, der er specifikke for den pågældende komponent. Læs mere om, hvordan du bruger inspektøren til at style din skabelon.

Se en forhåndsvisning og udgiv din skabelon

Når du har oprettet din skabelon, kan du se en forhåndsvisning af, hvordan den vil se ud på en live-side, og derefter udgive den.

• For at se en forhåndsvisning af skabelonen:
  • Klik på Forhåndsvisning øverst til højre.
  • Hvis du vælger Live preview with display options, kan du få vist din skabelon, som den ser ud på andre enheder, ved at vælge forudindstillingen Viewport.
  • Hvis du vælger Forhåndsvisning uden visningsmuligheder, kan du kun få vist, hvordan din skabelon vil se ud i browsere.