Bygg en spesialkodet mal

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

Finn ut mer om hvordan du jobber med tilpasset design i utviklerdokumentasjonen vår.

Merk: Du må ha en Marketing Hub Professional- eller Enterprise-konto for å kunne lage tilpassede, 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 og HubL, og klikker deretter på Neste.

• Skriv inn detaljene for den nye filen:
  • Velg Mal eller Malpartial. En malpartial er en mal som kan brukes i andre maler.
  • Klikk på rullegardinmenyen Maltype, og velg hvilken type mal du skal kode (side, blogginnlegg/liste, 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.
• Skriv inn HTML-koden for malen i kodeditoren.
• Hvis du vil vise hvordan HubL vil rendere, klikker du på Vis ut data for å slå på bryteren. Et panel åpnes til høyre med en forhåndsvisning av renderingen.

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

Legg til nødvendige HubL-tagger

Egendefinerte 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 dra-og-slipp-maler for blogg-, nettsteds- og destinasjonssider 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 Klon til HTML. HTML-filen opprettes i samme mappe som den opprinnelige filen.