Inhoud en ontwerp van marketinge-mails bewerken

U kunt de drag-and-drop e-maileditor gebruiken om marketingmails te maken door vooraf gebouwde modules toe te voegen. Als u liever gecodeerde sjablonen gebruikt, raden we u aan de klassieke editor te gebruiken.

In dit artikel wordt het bewerken van de inhoud en het ontwerp van een marketing-e-mail behandeld. Meer informatie over het maken en verzenden van marketing-e-mails. 

E-mails bewerken in de drag-and-drop e-maileditor

In de drag-and-drop-editor kunt u een marketing-e-mail maken door vooraf gebouwde modules toe te voegen en te herschikken. 

Modules beheren

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Om een nieuwe module aan de e-mail toe te voegen, klikt u op de module in de zijbalkeditor en sleept u deze naar de gewenste positie in uw e-mail. 
4. Om modules binnen de e-mail te herschikken:
   • Beweeg de muis over een module en klik en sleep de modulenaar een andere positie.
   • U kunt modules naar rechts of links van bestaande modules slepen om een nieuwe kolom in dat gedeelte van de e-mail te maken. 

5. Om de inhoud van een module te bewerken, klikt u op de module in de e-mailopmaak. Sommige modules, zoalstekstmodules, kunnen rechtstreeks in de opmaak worden bewerkt, terwijl andere volledig in de zijbalkeditor worden aangepast. 
6. Om een module te klonen, beweegt u de muisaanwijzer over de module en klikt u vervolgens op hetpictogram duplicerenklonen .
7. Om een module te verwijderen, plaatst u de muisaanwijzer op de module en klikt u vervolgens op het pictogramverwijderen.
8. Om een module te verbergen bij weergave op bepaalde apparaattypen:
   • Selecteer bovenaan hetapparaattype waarvoor u de module wilt verbergen.
   • Beweeg in het e-mailvoorbeeld de muisaanwijzer over het element en klik vervolgens op het pictogram verbergen. Meer informatie over het verbergen van modules. 

E-mailontwerp bewerken

U kunt het algemene ontwerp van uw e-mail bewerken, evenals de stijlopties voor afzonderlijke modules. 

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in de e-maileditor op het pictogram voor sjabloonontwerpin de linkerzijbalk.
4. Selecteer eenindeling vooruw e-mail: 
   • Standaard: het meest aanpasbare formaat. Met het standaardformaat kunt u aangepaste kolommen en opvulling instellen. 
   • Boxed: een gestroomlijnd formaat, waarbij alle inhoud binnen één omkaderd gebied past.
   • Eenvoudig: een vereenvoudigde lay-out zonder kolommen of opvulling. E-mails met alleen tekst worden voornamelijk aanbevolen voor één-op-één-communicatie. 

5. Stel in het gedeelte Sjabloon algemene stijlgidsen voor de e-mail in:
   • Kleur hoofdtekst: stel de achtergrondkleur voor de hoofdtekst van de e-mail in. Voer eenhexadecimale code inof klik op de kleurenkiezer en selecteer een kleur. 
   • Randbreedte: als u een Boxed-formaat gebruikt, stelt u de randbreedte in pixels in.
   • Kleur: als u een Boxed-indeling gebruikt, stelt u de randkleur in. Voer een hexadecimale code in of klik op de kleurenkiezer en selecteer een kleur.
   • Achtergrondtype: stel een achtergrond in als effen kleur of als patroon.
   • Achtergrondkleur/patroon: kies een achtergrondkleur of patroon. Wanneer u een achtergrondpatroon instelt, kunt u ook een achtergrondkleur instellen die wordt weergegeven als een e-mailclient geen achtergrondafbeeldingen weergeeft. 
6. Stel in hetgedeelte Tekststijlenstijlgidsen in voor de e-mailtekst. U kunt specifieke lettertypen, lettergroottes en kleuren instellen voor alinea's, h1- en h2-tekst. U kunt ook een kleur en stijl instellen voor alle links. 
7. Stel in hetgedeelte Knoppenstijlrichtlijnen in voor de e-mailknoppen. U kunt de straal en kleur van de knop instellen. Voor de knoptekst kunt u een lettertype, letterkleur, lettergrootte en stijl instellen. 
8. Stel in hetgedeelte Scheidingslijnenstijlrichtlijnen in voor de scheidingslijnen in de e-mail. U kunt de hoogte en kleur van de scheidingslijn instellen, evenals de stijl (doorlopend, gestreept of gestippeld). 
9. Stel in het gedeelte Spacing(Afstand) stijlgidslijnen in voor de opvulling van e-mails.
   • Om dezelfde opvulling aan alle zijden toe te passen, schakelt u het selectievakje Toepassen op alle zijden in.
   • Om afzonderlijke opvulling toe te passen aan de boven- en onderkant van de e-mail, voert u eenpixelwaarde inelk veld in.
   • Om opvulling op alle mobiele apparaten te verwijderen, schakelt u het selectievakje Opvulling op mobiele apparaten verwijderen in. 

Gebruik opgeslagen secties in de drag-and-drop e-maileditor

Met opgeslagen secties kunt u een sectie van een marketing-e-mail opslaan om deze in andere marketing-e-mails te hergebruiken. Opgeslagen secties zijn alleen beschikbaar voor e-mails die zijn gemaakt in de drag-and-drop-editor. 

Een sectie bewerken

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in het e-mailvoorbeeld op een sectie.
4. Stel in de zijbalkeditoronder Zichtbaarheid de zichtbaarheid van de sectie op verschillende apparaten in: 
   • Om de zichtbaarheid van de sectie in te stellen, klikt u op Weergeven of Verbergen. 

• • Om de zichtbaarheid op mobiele apparaten en desktops afzonderlijk in te stellen, schakelt u deschakelaar Alle apparatenuit. Klik vervolgens opWeergeven ofVerbergen indesectiesDesktop enMobiel. 

5. Klik in hetgedeelte Kolommenop een kolomindeling. Hiermee bepaal je het aantal en de grootte van de kolommen in het gedeelte. 
6. Selecteer in hetgedeelte Kolomuitlijningde optieBoven,Midden ofOnder. Hiermee bepaalt u de verticale uitlijning van modules in het gedeelte. 
7. Selecteer in desectie Stapelenhetstapelgedrag vande kolommen. Hiermee bepaalt u hoe de modules op mobiele apparaten worden weergegeven. 
8. In desectie Achtergrondkunt u een achtergrond voor de e-mail instellen. Schakel deschakelaar Alle apparatenuit om de achtergrond voor mobiele apparaten en desktops afzonderlijk in te stellen. 
9. In hetgedeelte Spacingkunt u boven- en onderrand toevoegen aan het gedeelte. Schakel de schakelaar All devicesuit om de rand voor mobiele apparaten en desktops afzonderlijk in te stellen. 

Een sectie opslaan

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Beweeg in het e-mailvoorbeeld de muisaanwijzer over een sectie en klik op het pictogram saveEditableView opslaan.

4. Voer in het dialoogvenster eennaam in voor de sectie en klik vervolgens opOpslaan. 

Een opgeslagen sectie gebruiken

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in de e-maileditor op het tabblad Sectiesin de zijbalkeditor. 
4. Klik op een opgeslagen sectie en sleep deze naar de gewenste plaats in de e-mail. 

Bewaarde secties beheren

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in de e-maileditor op het tabblad Sectiesin de zijbalkeditor. 
4. Klik onderOpgeslagen secties opBeheren.

1. In het rechterpaneel kunt u uw opgeslagen secties filteren met devervolgkeuzemenu'sWeergeven enSorteren.
2. Klik op hetvervolgkeuzemenu Actiesnaast een opgeslagen sectie en maak een keuze uit de volgende opties: 
   • Toevoegen aan favorieten: voeg dit gedeelte toe aan uw favoriete gedeelten.
   • Verbergen: verwijderdit gedeelte uit de zijbalkeditor. U kunt het nog steeds openen wanneer u gedeelten beheert als u filtert op verborgen gedeelten. 
   • Weergeven: als u dit gedeelte hebt verborgen, kunt u het weer weergeven in de zijbalkeditor. 
   • Verwijderen: verwijder dit gedeelte definitief. Klik in het dialoogvenster op Gedeelte verwijderen om te bevestigen. Deze actie kan niet ongedaan worden gemaakt. Bestaande e-mails die het gedeelte gebruiken, worden niet beïnvloed. 

E-mails bewerken in de klassieke editor

In de klassieke editor kunt u e-mails maken met behulp van sjablonen die zijn gemaakt in de ontwerpmanager. 

E-mailontwerp bewerken

Om ontwerpwijzigingen aan te brengen in een e-mail met behulp van een sjabloon dat is gemaakt in de ontwerpmanager, kunt u het sjabloon bewerken in de ontwerpmanager

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in de e-maileditor op het pictogram voor sjabloonontwerpin de linkerzijbalk.
4. Om de e-mailsjabloon in de ontwerpmanager te bewerken:
   • Klik in de zijbalkeditor op het vervolgkeuzemenu Actiesen selecteer Deze sjabloon bewerken. 
   • Selecteer in het dialoogvensterDeze sjabloon bewerken omde sjabloon te bewerken die voor de vermelde assets wordt gebruikt, ofKlonen en nieuwe sjabloon bewerken omeen kopie van de huidige sjabloon te bewerken die alleen voor deze e-mail wordt gebruikt. 
5. Bewerk de sjabloon in de ontwerpmanager en klik vervolgens rechtsbovenop Wijzigingen publiceren. 

Stijl bewerken

U kunt de standaardstijl voor e-mails die in de klassieke editor zijn gemaakt, instellen via uw marketing-e-mailinstellingen. 

1. Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
2. Ga in het menu aan de linkerkant naarMarketing > E-mail. 
3. Klik op hettabblad Branding (klassieke editor). 
4. Voer in hetgedeelte Grootteeen standaardbreedte entekstopmaak in pixels in voor marketing-e-mails. 
5. Pas in hetgedeelte Lettertypehet primaire en secundaire lettertype van uw e-mails aan: 
   • Klik op hetvervolgkeuzemenu Primaire lettertypeen selecteer eenlettertype. 
   • Klik op hetvervolgkeuzemenu Primaire lettergrootteen selecteer eengrootte inpixels.
   • Stel in hetveld Primary font color(Primaire lettertypekleur) de kleur van het lettertype in: 
     • Om een hexadecimale code te gebruiken, voert u de code in het veld in.
     • Om handmatig een kleur te kiezen, klikt u op de kleurenkiezer. Klik in het pop-upvenster op de schuifbalk en sleep deze om een basiskleur te selecteren. Klik vervolgens op de uiteindelijke kleur boven de schuifbalk.
     • Als u een RGB-waarde wilt gebruiken, klikt u op de kleurenkiezer en voert u waarden in develden R, G en B in. 

5. • Herhaal dit voor het secundaire lettertype. 
6. Stel in hetgedeelte Kleurde kleuren in voor primaire en secundaire accenten, de hoofdtekst en de achtergrond.
7. Klik op het vervolgkeuzemenuRandkleuropties en selecteer eenoptie: 
   • Randkleur automatisch instellen: de randkleur van de e-mail wordt ingesteld op basis van de sjabloon. 
   • Randkleur van e-mail handmatig instellen: stel een randkleur in die wordt toegepast op alle e-mails die zijn gemaakt met de klassieke editor. Voer in hetveld Randkleureen hexadecimale codein ofklik op dekleurenkiezer enselecteer eenkleur ofvoer eenRGB-waarde in. 
   • Geen rand toevoegen rond de e-mailtekst: e-mails die de klassieke editor gebruiken, hebben geen rand. 

E-mails converteren om sjablonen met slepen en neerzetten te gebruiken

Als uw e-mail een sjabloon gebruikt dat is gemaakt in de lay-outeditor of een standaard gecodeerd sjabloon, in plaats van een aangepast gecodeerd sjabloon, kunt u de e-mail converteren om in plaats daarvan de drag-and-drop-editor te gebruiken. 

1. Ga in je HubSpot-account naar Marketing > E-mail.
2. Klik op denaam vaneen opgestelde e-mail. 
3. Klik in het dialoogvenster opVoorbeeld van geconverteerde e-mail omeen voorbeeld van de geconverteerde e-mail te bekijken. 
4. Klik opConverteren om te slepen en neer te zetten.