Vidensbase

Byg en brugerdefineret kodet skabelon

Skrevet af HubSpot Support | Jun 28, 2023 1:01:11 PM

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

  • 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}}
E-mail-skabeloner kræver følgende tags for at være CAN-SPAM-kompatible.
  • {{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:

  • Å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.