Spring til indhold
Bemærk:Oversættelsen af denne artikel er kun til rådighed for nemheds skyld. Oversættelsen oprettes automatisk via en oversættelsessoftware og er muligvis ikke blevet korrekturlæst. Den engelske version af denne artikel bør således anses for at være den gældende version, der indeholder de seneste oplysninger. Du kan få adgang til den her.

Byg en brugerdefineret kodet skabelon

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 mappeikonet folder for at udvide søgeren
  • .
  • I dialogboksen skal du klikke på rullemenuen What would you like to build today? og vælge HTML & HUBL.
design-manager-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.


    design-manager-show-output
  • 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.
Klik på
  • Udgiv ændringer øverst til højre
Eventuelle fejl i din kode vil blive markeret i en fejlmeddelelse, når du forsøger at udgive ændringer. Fejlkonsollen i bunden af kodeeditoren viser detaljerne om fejlen eller advarslen samt forslag til, hvordan du kan rette disse fejl og advarsler.

error-console

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}}
E-mailskabeloner kræver følgende tags for at være CAN-SPAM-kompatible. De kan tilføjes på to måder:
  • 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.
design-manager-clone-to-html
Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.