Vidensbase

Byg en brugerdefineret kodet skabelon

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

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

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

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