Byg en brugerdefineret kodet skabelon
Sidst opdateret: januar 5, 2024
Gælder for:
Alle produkter og abonnementer |
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.