Byg en brugerdefineret kodet skabelon

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

Læs mere om at arbejde med brugerdefineret design i vores udviklerdokumentation.

Bemærk: Det kræver en Marketing Hub Professional- eller Enterprise-konto at opbygge brugerdefinerede kodede e-mailskabeloner.

Opret en ny HTML- og HubL-fil

• På din HubSpot-konto skal du navigere til Indhold > Design Manager.
• I venstre sidepanel klikker du på rullemenuen Filer og > Ny fil.
• I dialogboksen skal du klikke på rullemenuen What would you like to build today? og vælge HTML & HubL, og derefter klikke på Next.

• Indtast detaljerne for din nye fil:
  • Vælg Template eller Template Partial. En delvis skabelon er en skabelon, der kan bruges i andre skabeloner.
  • Klik på dropdown-menuen Skabelontype, og vælg den type skabelon, du koder (side, blogindlæg/liste, e-mail eller systemside).
  • I feltet Filnavn skal du indtaste et filnavn.
  • Hvis du vil opdatere filens placering, skal du klikke på Skift i afsnittet Filplacering og vælge en mappe.
• Klik på Opret.
• I kodeeditoren skal du indtaste HTML for din skabelon.
• Hvis du vil se, hvordan din HubL bliver gengivet, skal du klikke på knappen Vis output. Der åbnes et panel til højre med det renderede preview.

• Hvis du vil se, hvordan din skabelon ser ud, 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å Publish changes ø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

Specialkodede skabeloner kræver specifikke HubL-variabler for at fungere. Hvis nogen af disse nødvendige variabler mangler, vises 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 en drag and drop-skabelon 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 den samme mappe som den originale fil.