Lag en tilpasset kodet mal

Utviklere kan bygge blogg-, nettside-, landingsside- og e-postmaler fra bunnen av ved hjelp av HTML. Du kan også klone et dra-og-slipp-malloppsett til HTML og deretter tilpasse det som en kodet mal.

Finn ut mer om hvordan du arbeider med tilpasset design i dokumentasjonen for utviklere.

Merk: Du må ha en Marketing Hub Professional- eller Enterprise-konto for å kunne lage egendefinerte, kodede e-postmaler.

Opprett en ny HTML- og HubL-fil

• Gå til Innhold > Design Manager i HubSpot-kontoen din.
• I venstre sidefelt klikker du på rullegardinmenyen Fil og > Ny fil.
• I dialogboksen klikker du på rullegardinmenyen Hva vil du bygge i dag? og velger HTML & HubL, og klikker deretter på Neste.

• Skriv inn detaljene for den nye filen:
  • Velg Mal eller Delvis mal. En delvis mal er en mal som kan brukes i andre maler.
  • Klikk på rullegardinmenyen Maltype og velg hvilken type mal du koder (side, blogginnlegg/oppføring, e-post eller systemside).
  • Skriv inn et filnavn i feltet Filnavn.
  • Hvis du vil oppdatere filens plassering, klikker du på Endre i delen Filplassering og velger en mappe.
• Klikk på Opprett.
• I kodeditoren skriver du inn HTML for malen.
• Hvis du vil vise hvordan HubL skal gjengis, klikker du på Show output-bryteren for å slå den på. Et panel åpnes til høyre med en forhåndsvisning av gjengivelsen.

• Hvis du vil forhåndsvise malens utseende, klikker du på rullegardinmenyen Forhåndsvisning øverst til høyre og velger Live-forhåndsvisning med visningsalternativer.
• Når du er ferdig med redigeringen, klikker du på Publiser endringer øverst til høyre.
• Hvis det oppstår kodefeil, vises en feilmelding. Se mer informasjon om disse feilene i feilkonsollen under kodeditoren.

Legg til nødvendige HubL-tagger

Egendefinerte kodede maler krever spesifikke HubL-variabler for å fungere. Hvis noen av disse nødvendige variablene mangler, vises en feilmelding når du prøver å publisere malen.

Side- og bloggmaler krever følgende tagger:

• {{standard_footer_includes}}
• {{standard_header_includes}}

• {{unsubscribe_link}} eller {{unsubscribe_link_all}} (inkluder minst é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}}

Klone en mal til HTML

I tillegg til å opprette en mal fra bunnen av, kan du også klone en mal ved å dra og slippe den til HTML.

Slik oppretter du en kodet versjon av en eksisterende mal:

• Gå til Innhold > Design Manager i HubSpot-kontoen din.
• Åpne malen du vil klone, i venstre sidefelt.
• Klikk på rullegardinmenyen Handlinger og velg Klone til HTML. HTML-filen opprettes i samme mappe som den opprinnelige filen.