Byg en brugerdefineret kodet skabelon

Udviklere kan bygge blog-, webside-, landingsside- og e-mail-skabeloner fra bunden ved hjælp af HTML. Du kan også klone et træk-og-slip-skabelonlayout til HTML og derefter tilpasse det som en kodet skabelon.

Få mere at vide om at arbejde med brugerdefineret design i vores udviklerdokumentation.

Bemærk: Der kræves en Marketing Hub Professional- eller Enterprise-konto for at bygge brugerdefinerede kodede e-mail-skabeloner.

Opret en ny HTML- og HubL-fil

• På din HubSpot-konto skal du navigere til Indhold > Design Manager.
• I venstre sidepanel skal du klikke på rullemenuen Filer og > Ny fil.
• I dialogboksen skal du klikke på rullemenuen Hvad vil du bygge i dag? og vælge HTML & HubL, og derefter klikke på Næste.

• Indtast oplysningerne om din nye fil:
  • Vælg Skabelon eller Delvis skabelon. En del af en skabelon er en skabelon, der kan bruges i andre skabeloner.
  • Klik på rullemenuen Skabelontype, og vælg den type skabelon, du koder (side, blogindlæg/liste, e-mail eller systemside).
  • Indtast et filnavn i feltet Filnavn .
  • Hvis du vil opdatere filens placering, skal du klikke på Skift i afsnittet Filplacering og vælge en mappe.
• Klik på Opret.
• Indtast HTML for din skabelon i kodeeditoren.
• For at vise, hvordan din HubL vil blive gengivet, skal du klikke for at slå Vis output til. Der åbnes et panel til højre med en forhåndsvisning af renderingen.

• Hvis du vil se en forhåndsvisning af din skabelons udseende, skal du klikke på rullemenuen Preview øverst til højre og vælge Live preview with display options.
• Når du er færdig med at redigere, skal du klikke på Publicer ændringer øverst til højre.
• Hvis der er kodefejl, vises der en fejlmeddelelse. Se flere oplysninger om disse fejl i fejlkonsollen under kodeeditoren.

Tilføj de nødvendige HubL-tags

Brugerdefinerede skabeloner kræver specifikke HubL-variabler for at fungere. Hvis nogle af disse nødvendige variabler mangler, vises der en fejlmeddelelse, når du forsøger at udgive skabelonen.

Side- og blogskabeloner kræver følgende tags:

• {{standard_footer_includes}}
• {{standard_header_includes}}

• {{unsubscribe_link}} eller {{unsubscribe_link_all}} (inkluder mindst én)
• {{unsubscribe_anchor}}
• {{site_settings.company_name}}
• {{site_settings.company_street_address_1}}
• {{site_settings.company_city}}{{site_settings.company_state}}
• {{site_settings.company_zip}}

Klon en skabelon til HTML

Ud over at oprette en skabelon fra bunden kan du også klone træk og slip-skabeloner til blog-, websider og landingssider til HTML.

Sådan opretter du en kodet version af en eksisterende skabelon:

• På din HubSpot-konto skal du navigere til Indhold > Design Manager.
• Åbn den skabelon, du vil klone, i venstre sidepanel.
• Klik på rullemenuen Handlinger, og vælg Klon til HTML. HTML-filen oprettes i samme mappe som den oprindelige fil.