Design Manager

Pagina-, e-mail- en blogsjablonen maken in de lay-out editor

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Gebruik HubSpot's sjabloonbouwer om sjablonen te maken met behulp van modules in een sleepinterface. Deze sjablonen dienen als basis voor uw pagina's, e-mails en blogs. Leer meer over het bouwen van sjablonen in HubSpot in deze Academyles.

Als het HubSpot Technical Services-team uw sjablonen heeft opgezet, hebt u al aangepaste sjablonen om aan de ontwerpvereisten van uw site te voldoen.

Om een HTML-sjabloon te maken, leert u hoe u een aangepast gecodeerd sjabloon kunt maken.

Let op: aMarketing HubProfessioneel of Enterprise abonnement is vereist om e-mail sjablonen te bouwen.CMS Hub accounts kunnen e-mails maken met behulp van de editor voor het slepen van e-mails.

Wat is een HubSpot sjabloon?

HubSpot sjabloon dient als basis voor de inhoud die u maakt. Sjablonen worden gebouwd door verschillendeinhoudsmodules te rangschikkenin een'drag and drop'-interface.

De lay-out editor helpt u bij het omzetten van een idee, schets of prototype in een responsive template voor het maken van content.

Mockups to layout

Een nieuw sjabloon maken

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik op Bestand> Nieuw bestandbovenaan de finderom een nieuw sjabloon aan te maken.

new-file

  • Selecteer in het dialoogvenster Slepen enneerzetten.
  • Gebruik het dropdown menu om hettypesjabloon te selecteren. Hoewel de meeste standaardmodulesbeschikbaar zijn voor elk sjabloon, zijn sommige modules beperkt tot bepaalde sjabloontypes. U kunt de volgende sjabloontypes selecteren:
    • Blog: gestructureerde sjablonen die als basis dienen voor zowel uw individuele blogbericht als uw blogvermeldingspagina's.
    • E-mail:gestructureerde sjablonen die als basis dienen voor uw e-mail.
    • Pagina: gestructureerde sjablonen die als basis dienen voor uw website en landingspagina's.
    • Systeem: gestructureerde sjablonen voor foutmeldingen, wachtwoordpromptenen e-mailabonnementspagina's.
  • Geef vervolgens uw sjabloon eenbestandsnaam. Als u klaar bent, klikt u opCreate.
new%20file

Structureer en pas uw sjabloon aan

U kunt meermodules aan uwsjabloon toevoegen met behulp van de inspecteur aande rechterkant. Klik op + Toevoegen in deinspecteur omte zoekennaarmodulesdie u kunt toevoegen aan uw sjabloonindelingmetslepen en neerzetten.Lees meer over het bewerken van de structuur van uw sjabloon.

Om de styling van uw sjabloon aan te passen, kunt u gebruik maken van de opties in de inspector. Als er geen specifieke modules zijn geselecteerd, kunt u styling toevoegen aan de kop van de sjabloon zelf in de inspector. Klik op eenmodule of groep omtoegang te krijgen tot stylingoptiesdie specifiek zijn voor dat onderdeel. Lees meer over het gebruik van de inspecteur om uw sjabloon te stylen.

Let op: het is niet mogelijk om CSS- of Javascript-bestanden aan een e-mailsjabloon te koppelen, maar u kunt welaangepaste HTML-markering, bodyclasses en inline styling aan het sjabloon toevoegen.

HubSpot Help article screenshot

Uw sjabloon bekijken en publiceren

  • Klik rechtsboven op Previewomeen voorbeeld van uw sjabloon in een webbrowserte bekijken. Als u Live preview metweergave-opties selecteert,kunt u uw voorbeeld bekijken zoals het op andere apparaten wordt weergegeven.

  • Zodra u uw sjabloon hebt voltooid, klikt u opVeranderingen publicerenrechtsboven.
    HubSpot Help article screenshot

Zodra uw nieuwe template is gepubliceerd, kunt u deze selecteren voor nieuwe pagina's of e-mails. U kuntdeze templateookselecteren vooruw blog in uw bloginstellingen.