Senast uppdaterad: september 13, 2022
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 klicka på mappikon för att expandera sökaren.
- I dialogrutan klickar du på rullgardinsmenynVad vill du bygga idag? och väljerHTML & 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.
- 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
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}}
- 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.
