Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Skapa en egen kodad mall

Senast uppdaterad: januari 5, 2024

Tillgänglig med något av följande abonnemang, om inte annat anges:

Alla produkter och planer

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.
design-manager-html-hubl
  • 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.
show-output-in-design-manager
  • 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.

error-console

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:

  • I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.
  • Ö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.
clone-to-html
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.