Sidst opdateret: juni 28, 2023
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.
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
- Naviger i din HubSpot-konto til Marketing > Filer og skabeloner > Designværktøjer.
- Opret en ny fil i venstre sidepanel ved at klikke påFil > Ny fil. Det kan være nødvendigt at klikke på mappeikonet for at udvide søgeren .
- I dialogboksen skal du klikke på rullemenuen What would you like to build today? og vælge HTML & HUBL.
- Klik på Næste
- Indtast detaljerne for din nye fil :
-
- Vælg Template eller Template Partial.
- En template partial er en skabelon, der kan bruges i andre skabeloner.
- I dropdown-menuen skal du vælge den type skabelon, du koder (side, blog eller e-mail) .
- Giv din fil et navn.
- Hvis du vil opdatere filens placering, skal du klikke på Skift i afsnittet Filplacering og vælge den mappe, filen skal tilføjes til.
- Klik påOpret.
- Skriv HTML til din side eller e-mail-skabelon.
- Hvis du vil se et eksempel på, hvordan din HubL bliver gengivet, skal du klikke på knappen
- Vis output .
- Et panel åbnes til højre med en forhåndsvisning af gengivelsen.
- Klik på Preview øverst til højre for at se, hvordan din skabelon vil se ud og fungere i indholdseditoren. Denne forhåndsvisning synkroniseres med editoren og opdateres automatisk, mens du arbejder.
- Udgiv ændringer øverst til højre
For yderligere ressourcer om brugerdefineret design kan du se HubSpots designerdokumentation. Der er yderligere dokumentation om kodede modulindstillinger såsom filtertags og ikoner.
Tilføj de nødvendige HubL-tags
Du vil se en fejlmeddelelse, hvis din kode mangler nogle nødvendige HubL-tags
,
hvis du forsøger at udgive filen.
Website-, landing page- og blog-skabeloner kræver følgende
tags:{{standard_footer_includes}}{{standard_header_includes}}
- Inkluder dette token, der trækker CAN-SPAM-afsnittet om afmelding ind:
{{unsubscribe_section}}. Tilføj derefter disse tokens individuelt:{{site_settings.company_street_address_1}}{{site_settings.company_city}}{{site_settings.company_state}}{{site_settings.company_zip}}- Med denne metode har du ikke mulighed for at formatere sproget og stilen i teksten og linkene.
- Brug disse tokens individuelt:
{{site_settings.company_name}}{{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}}- Hvis du bruger tokens individuelt, får du fleksibiliteten til at tilføje ord omkring tokens og links og formatere dem i den ønskede stil og sprog.
Klon til HTML
Ud over at oprette en skabelon fra bunden, kan du også klone en af HubSpots skabeloner til HTML. Kloning af en skabelon til HTML giver dig adgang til skabelonens HTML-indhold.
Sådan opretter du en kodet version af en eksisterende skabelon:
- Naviger i din HubSpot-konto til Marketing > Filer og skabeloner > Designværktøjer.
- Klik på Handlinger > Klon til HTML i søgeren. HTML-filen oprettes i den samme mappe som den originale fil. Dens filnavn vil svare til navnet på den originale skabelon med kopi tilføjet.
