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: januari 10, 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.

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åmappen mappikonen för att expandera sökaren.
  • I dialogrutan klickar du på rullgardinsmenynVad vill du bygga idag?och väljerHTML & HUBL.
design-manager-html-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.


    design-manager-show-output
  • 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
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

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}}
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 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.
design-manager-clone-to-html
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.