HubSpot Kunskapsbas

Skapa en egen kodad mall

Skriven av HubSpot Support | Nov 2, 2021 3:29:48 PM

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}}
E-postmallar kräver följande taggar för att vara CAN-SPAM-kompatibla.
  • 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:

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