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.
Design Manager

Bygga en anpassad kodad mall

Senast uppdaterad: september 13, 2022

Gäller för:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Tidigare Marketing Hub Basic

Utvecklare kan bygga bloggar, webbsidor, landningssidor och e-postmallar från grunden med hjälp av HTML. Du kan också klona en malllayout som du drar och släpper till HTML och sedan anpassa den som en kodad mall.

Observera: enMarknadsföringshubben Professional- eller Enterprise-konto krävs för att bygga anpassade kodade e-postmallar.

Skapa en ny HTML- och HubL-fil

  • I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.}
  • I den vänstra sidofältet skapar du en ny fil genom att klicka på Arkiv >Ny fil. Detkan hända att du måste klickamappen mappikon för att expandera sökaren.
  • I dialogrutan klickar du rullgardinsmenynVad vill du bygga idag? och väljerHTML & HUBL.
design-manager-html-hubl
  • Klicka på Nästa
  • Ange uppgifterna för din nya fil:
    • Välj Mall eller Delvis mall. En delmall är en mall som kan användas i andra mallar.
    • I rullgardinsmenyn väljer du vilken typ av mall du kodar (sida, blogg eller e-post).
    • Ge filen ett namn.
    • Om du vill uppdatera filens plats klickar du på Ändra i avsnittet Filplacering och väljer den mapp som filen ska läggas till i.
  • Klicka på Skapa.
  • Skriv HTML för din sida eller e-postmall.
  • Om du vill förhandsgranska hur din HubL kommer att renderas klickar du på för att aktivera knappen Visa utdata. En panel öppnas till höger med förhandsgranskningen av den renderade bilden.


    design-manager-show-output
  • Klicka på Förhandsgranska uppe till höger för att förhandsgranska hur din mall kommer att visas och fungera i innehållsredigeraren. Den här förhandsgranskningen synkroniseras med redigeraren och uppdateras automatiskt när du arbetar.
  • Klicka på Publicera ändringar i övre högra hörnet
Eventuella fel i koden visas i ett felmeddelande när du försöker publicera ändringar. Felkonsolen längst ner i kodredigeraren visar detaljerna om felet eller varningen samt förslag på hur du kan åtgärda dessa fel och varningar.

error-console

För ytterligare resurser om anpassad design kan du läsa HubSpot designer-dokumentation. Det finns ytterligare dokumentation om kodade modulalternativ som filtertaggar och ikoner.

Lägg till de HubL-taggar som krävs

Du får ett felmeddelande om din kod saknar några nödvändiga HubL-taggar om du skulle försöka publicera filen.

Mallar för webbplatser, landningssidor och bloggar kräver följande taggar:

  • {{standard_footer_includes}}
  • {{standard_header_includes}}
E-postmallar kräver följande taggar för att vara förenliga med CAN-SPAM. De kan läggas till på två sätt:
  • Inkludera denna token som drar in avsnittet för avregistrering av CAN-SPAM: {{unsubscribe_section}}. Lägg sedan till dessa tokens individuellt:
    • {{site_settings.company_street_address_1}}}
    • {{site_settings.company_city}}
    • {{site_settings.company_state}}
    • {{site_settings.company_zip}}
    • Med den här metoden har du inte möjlighet att formatera språk och stil för text och länkar.

  • Använd dessa token individuellt:
    • {{site_settings.company_name}}
    • {{unsubscribe_link}} eller {{unsubscribe_link_all}} (inkludera minst en)
    • {{unsubscribe_anchor}}
    • {{site_settings.company_name}}
    • {{site_settings.company_street_address_1}}}
    • {{site_settings.company_city}}{{site_settings.company_state}}
    • {{site_settings.company_zip}}
    • Om du använder tokenerna individuellt kan du lägga till ord kring tokenerna och länkarna och formatera dem i önskad stil och på önskat språk.

Klona till HTML

Förutom att skapa en mall från grunden kan du också klona en av HubSpot-mallarna till HTML. Genom att klona en mall till HTML får du tillgång till mallens HTML-innehåll.

Så här skapar du en kodad version av en befintlig mall:

  • I ditt HubSpot-konto, navigera till Marknadsföring > Filer och mallar > Designverktyg.}
  • Klicka på Åtgärder > Klona till HTML i sökaren. HTML-filen skapas i samma mapp som den ursprungliga filen. Filnamnet kommer att motsvara namnet på den ursprungliga mallen med kopia som tillägg.
design-manager-clone-to-html
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.