Senast uppdaterad: januari 10, 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.
Vilka typer av innehåll som kan använda anpassade mallar beror på din Marknadsföringshubben och CMS-hubben prenumerationer:
|
Ingen Marknadsföringshubben Prenumeration ELLER Marknadsföringshubben Startsida |
Marketing Hub Professional/Enterprise ELLER Legacy Marketing Hub Basic |
|
|
Ingen CMS-hubb prenumeration |
Anpassade kodade mallar är inte tillgängliga |
Anpassade kodade mallar finns tillgängliga för bloggar, landningssidor och e-postmeddelanden |
|
CMS Hub Starter |
Anpassade kodade mallar finns tillgängliga för bloggar och webbsidor. |
Anpassade kodade mallar för bloggar, landningssidor,webbsidor oche-postmeddelanden |
|
CMS Hub Professional/Enterprise |
Anpassade kodade mallar finns tillgängliga för bloggar, landningssidor och webbsidor. |
Anpassade kodade mallar för bloggar, landningssidor,webbsidor oche-postmeddelanden |
Skapa en ny HTML & 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.Du kan behöva klicka på mappikonen 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 detaljerna för din nya fil:
- VäljMallellerDelvis 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åÄndrai avsnittetFilplaceringoch 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 den renderade förhandsgranskningen.
- Klicka på Förhandsgranska i övre högra hörnet 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 ändringari övre högra hörnet
Ytterligare resurser om anpassad design finns iHubSpot-dokumentationen om HubSpot-designern. Det finns ytterligaredokumentation om kodade modulalternativsom 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 försöker 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 de här tokenerna 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 de här symbolerna 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.
Skapa 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 enkopiasom tillägg.
