Skapa en egen kodad mall

Utvecklare kan bygga bloggar, webbsidor, målsidor och e-postmallar från grunden med HTML. Du kan också klona en dra-och-släpp-malllayout till HTML och sedan anpassa den som en kodad mall.

Läs mer om hur du arbetar med anpassad design i vår dokumentation för utvecklare.

Observera: ett Marketing Hub Professional- eller Enterprise-konto krävs för att skapa anpassade kodade e-postmallar.

Skapa en ny HTML- och HubL-fil

• I det vänstra sidofältet klickar du på rullgardinsmenyn Arkiv och > Ny fil.
• I dialogrutan klickar du på menyn Vad vill du bygga idag? och väljer HTML & HubL och klickar sedan på Nästa.

• Ange detaljerna för din nya fil:
  • Välj Mall eller Del av mall. En partiell mall är en mall som kan användas i andra mallar.
  • Klicka på rullgardinsmenyn Malltyp och välj vilken typ av mall du kodar (sida, blogginlägg/lista, e-post eller systemsida).
  • Ange ett filnamn i fältet Filnamn .
  • Om du vill uppdatera filens plats klickar du på Ändra i avsnittet Filens plats och väljer en mapp.
• Klicka på Skapa.
• I kodredigeraren anger du HTML för din mall.
• För att visa hur din HubL kommer att renderas, klicka för att slå på knappen Visa utdata. En panel öppnas till höger med den renderade förhandsgranskningen.

• För att förhandsgranska hur din mall ser ut klickar du på rullgardinsmenyn Förhandsgranska längst upp till höger och väljer Live förhandsgranskning med visningsalternativ.
• När du är klar med redigeringen klickar du på Publicera ändringar uppe till höger.
• Om det finns några kodfel visas ett felmeddelande. Mer information om dessa fel finns i felkonsolen under kodredigeraren.

Lägg till nödvändiga HubL-taggar

Anpassade kodade mallar kräver specifika HubL-variabler för att fungera. Om någon av dessa nödvändiga variabler saknas visas ett felmeddelande när du försöker publicera mallen.

Sid- och bloggmallar kräver följande taggar:

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

• eller {{unsubscribe_link_all}} (inkludera minst en)
• {{site_settings.company_name}}
• {{site_settings.company_street_address_1}}
• {{site_settings.company_city}}{{site_settings.company_state}}
• {{site_settings.company_zip}}

Klona en mall till HTML

Förutom att skapa en mall från grunden kan du också klona en dra och släpp-mall till HTML.

Skapa en kodad version av en befintlig mall:

• I ditt HubSpot-konto navigerar du till Innehåll > Design Manager.
• Öppna den mall som du vill klona i det vänstra sidofältet.
• Klicka på rullgardinsmenyn Åtgärder och välj Klona till HTML. HTML-filen skapas i samma mapp som originalfilen.