Maak sjablonen voor pagina's, e-mails en blogs in de lay-outeditor

Met een sjabloon kun je de structuur van verschillende soorten inhoud op een blog, pagina of e-mail beheren. Je kunt sjablonen maken in de design manager door modules te slepen en neer te zetten. Leer meer over het maken van sjablonen in HubSpot in deze HubSpot Academy les.

Voordat je begint

Voordat je met deze functie gaat werken, moet je goed begrijpen welke stappen je van tevoren moet nemen, wat de beperkingen van de functie zijn en wat de mogelijke gevolgen van het gebruik ervan zijn.

Vereisten begrijpen

• Controleer of u de rechten Ontwerptools hebt voor het maken en bewerken van sjablonen in de design manager.
• Het is aanbevolen om ook de machtigingen Globale inhoud en thema-instellingen en Website-instellingen te hebben als u globale webactiva en blog-/website-instellingen moet bewerken.

Beperkingen en overwegingen begrijpen

• Voor het maken van e-mailsjablonen is een Marketing Hub Professional of Marketing Hub Enterprise abonnement vereist. Content Hub-accounts kunnen e-mails maken met de drag-and-drop-editor.
• Het toevoegen van CSS- of JavaScript-bestanden aan een e-mailsjabloon wordt niet ondersteund, maar u kunt wel aangepaste HTML-markup, body classes en inline styling aan de sjabloon toevoegen.
• Drag-and-drop-sjablonen ondersteunen niet alle beschikbare inhoudsfuncties. Lees meer over het gebruik van HTML + HubL-sjablonen als je het breedste scala aan tools wilt gebruiken.

HubSpot sjablonen begrijpen

HubSpot sjablonen bieden het raamwerk voor blogs, pagina's en e-mails, terwijl uw gebruikers de daadwerkelijke inhoud genereren in de inhoudseditor. Je kunt sjablonen maken door inhoudsmodules te slepen en neer te zetten om een lay-out te maken. Als je in plaats daarvan een sjabloon met HTML wilt maken, lees dan meer over het bouwen van een sjabloon met aangepaste codering.

Met de lay-outeditor kun je een idee, schets of prototype omzetten in een responsieve sjabloon voor het maken van inhoud.

Een nieuwe sjabloon maken

• Ga in je HubSpot-account naar Inhoud > Design Manager.
• Klik boven in de linkerkolom op het menu Bestand en selecteer Nieuw bestand.

• Klik in het dialoogvenster op het vervolgkeuzemenu Wat wilt u vandaag bouwen en selecteer Slepen en neerzetten. Klik vervolgens op Volgende.

• Klik op hetkeuzemenu voor sjabloontypes en selecteer een type. Hoewel de meeste standaardmodules beschikbaar zijn voor elke sjabloon, zijn sommige modules beperkt tot bepaalde sjabloontypes. U kunt de volgende sjabloontypes selecteren:
  • Blog: sjablonen voor individuele blogberichten en publicatiepagina's voor blogs.
  • E-mail: sjablonen voor e-mails.
  • Pagina: sjablonen voor uw website en landingspagina's.
  • Systeem: sjablonen voor pagina's met foutmeldingen, wachtwoordprompts en abonnementen per e-mail.
• Voer een bestandsnaam in. Klik op Maken als u klaar bent.

 

Uw sjabloon structureren en aanpassen

U kunt meer modules aan uw sjabloon toevoegen met de inspecteur aan de rechterkant van de design manager. Klik op add Toevoegen in de rechterkolom om te zoeken naar modules die u kunt toevoegen aan de lay-out van uw sjabloon met slepen en neerzetten. Meer informatie over het bewerken van de structuur van uw sjabloon.

Om de styling van uw sjabloon aan te passen, kunt u de opties in de rechterkolom gebruiken. Als er geen specifieke modules zijn geselecteerd, kunt u styling toevoegen aan de kop van de sjabloon zelf. Klik op een module of groep om de specifieke stylingopties voor dat onderdeel te openen. Meer informatie over het gebruik van de inspecteur om uw sjabloon te stylen.

Uw sjabloon bekijken en publiceren

Zodra u uw sjabloon hebt gemaakt, kunt u een voorbeeld bekijken van hoe deze eruit zal zien op een live pagina en deze vervolgens publiceren.

• Een voorbeeld van de sjabloon bekijken:
  • Klik rechtsboven op Voorbeeld.
  • Als u Live voorbeeld met weergaveopties selecteert, kunt u een voorbeeld van uw sjabloon bekijken zoals deze wordt weergegeven op andere apparaten door de Viewport voorinstelling te selecteren.
  • Als u Voorbeeld zonder weergaveopties selecteert, kunt u alleen een voorbeeld bekijken van hoe uw sjabloon op browsers wordt weergegeven.