De inhoud en het ontwerp van marketingmails aanpassen

Je kunt de e-maileditor met slepen en neerzetten gebruiken om marketingmails te maken door kant-en-klare modules toe te voegen. Als je liever sjablonen met code gebruikt, raden we je aan de klassieke editor te gebruiken.

In dit artikel wordt besproken hoe je de inhoud en het ontwerp van een marketing-e-mail kunt bewerken. Lees meer over het maken en versturen van marketing-e-mails. 

E-mails bewerken in de e-maileditor met slepen en neerzetten

In de drag-and-drop-editor kun je een marketing-e-mail maken door vooraf opgebouwde modules toe te voegen en te herschikken. 

Modules beheren

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > E-mail.
2. Klik op denaam vaneen e-mail in concept. 
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 in de e-mail te herschikken:
   • Beweeg de muis over een module en klik en sleep de modulevervolgens naar een andere positie.
   • U kunt modules naar de rechter- of linkerkant van bestaande modules slepen om een nieuwe kolom in dat gedeelte van de e-mail te maken. 
5. Om ruimte tussen modules toe te voegen:
   • Klik op de module 'Spacer'in de zijbalk-editor en sleep deze naar de gewenste positie in je e-mail.
   • Stel in de zijbalk-editor de hoogte, kleur en opvulling van de spacer in. Standaard heeft de spacer een hoogte van 30px, is hij transparant en heeft hij geen extra opvulling.

5. Om de inhoud van een module te bewerken, klik je op de module in de e-mailopmaak. Sommige modules, zoalstekstmodules, kunnen direct in de opmaak worden bewerkt, terwijl andere volledig in de zijbalk-editor worden aangepast. 
6. Om een module te klonen, beweeg je de muis over de module en klik je vervolgens op hetpictogram voor dupliceren .
7. Om een module te verwijderen, beweeg je de muis over de module en klik je vervolgens op het pictogram'verwijderen '.
8. Om een module te verbergen bij weergave op bepaalde apparaattypen:
   • Selecteer bovenaan hetapparaattype waarvoor je de module wilt verbergen.
   • Beweeg in het e-mailvoorbeeld de muisaanwijzer over het element en klik vervolgens op het pictogram ' hide '. Lees meer over het verbergen van modules. 

Het ontwerp van de e-mail bewerken

U kunt zowel het algemene ontwerp van uw e-mail als de opmaakopties voor afzonderlijke modules bewerken. 

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct 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. Kies eenindeling voorje e-mail: 
   • Standaard: de meest aanpasbare indeling. Met de standaardindeling kunt u aangepaste kolommen en opvulling instellen. 
   • Omkaderd: een gestroomlijnde indeling, waarbij alle inhoud binnen één omkaderd gebied past.
   • Eenvoudig: een vereenvoudigde lay-out zonder kolommen of opvulling. E-mails in platte tekst worden vooral aanbevolen voor één-op-één-communicatie. 

5. Stel in het gedeelte ‘Sjabloon’ algemene opmaakrichtlijnen voor de e-mail in:
   • Kleur van de hoofdtekst: stel de achtergrondkleur voor de hoofdtekst van de e-mail in. Voer eenhex-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 hex-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. In hetgedeelte 'Tekststijlen'stelt u opmaakrichtlijnen in voor de e-mailtekst. U kunt specifieke lettertypen, lettergroottes en kleuren instellen voor alinea-, h1- en h2-tekst. U kunt ook een kleur en stijl instellen voor alle links. 
7. In hetgedeelte ‘Knoppen’stelt u opmaakrichtlijnen in voor de knoppen in de e-mail. U kunt de straal en kleur van de knop instellen. Voor de knoptekst kunt u een lettertype, letterkleur, lettergrootte en stijl instellen. 
8. In hetgedeelte ‘Scheidingslijnen’stelt u opmaakrichtlijnen 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 ‘Spatiëring’de opmaakrichtlijnen in voor de opvulling in de e-mail.
   • Om dezelfde opvulling aan alle kanten toe te passen, vink je het selectievakje ‘Toepassen op alle kanten’ aan.
   • Om afzonderlijke opvulling aan de boven- en onderkant van de e-mail toe te passen, voert uinelk veld eenwaarde in pixelsin.
   • Om de opvulling op alle mobiele apparaten te verwijderen, vink je het selectievakje ‘Opvulling op mobiele apparaten verwijderen’ aan. 

Gebruik opgeslagen secties in de e-maileditor met slepen en neerzetten

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 in de drag-and-drop-editor zijn gemaakt. 

Een sectie bewerken

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct 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 zijbalk-editor,onder 'Zichtbaarheid', de zichtbaarheid van de sectie op verschillende apparaten in: 
   • Klik op 'Weergeven' of 'Verbergen' om de zichtbaarheid van de sectie in te stellen. 

• • Om de zichtbaarheid op mobiel en desktop afzonderlijk in te stellen, zet u deschakelaar 'Alle apparaten' uit. Klik vervolgens op'Weergeven' of'Verbergen' indesecties'Desktop' en'Mobiel'. 

5. Klik in hetgedeelte 'Kolommen'op een kolomindeling. Hiermee bepaalt u het aantal en de grootte van de kolommen in het gedeelte. 
6. Selecteer in hetgedeelte 'Kolomuitlijning' de optie'Boven','Midden' of'Onder'. Hiermee bepaalt u de verticale uitlijning van de modules in het gedeelte. 
7. Selecteer in hetgedeelte 'Stapeling' hetstapelgedrag vande kolommen. Hiermee bepaalt u hoe de modules op mobiele apparaten worden weergegeven. 
8. In hetgedeelte Achtergrondkunt u een achtergrond voor de e-mail instellen.Schakeldeschakelaar Alle apparaten uitom de achtergrond voor mobiele apparaten en desktop afzonderlijk in te stellen. 
9. In hetgedeelte ‘Afstand’kunt u boven- en onderruimte aan de sectie toevoegen. Zet de schakelaar ‘Alle apparaten’ uit om de ruimte voor mobiele apparaten en desktop afzonderlijk in te stellen. 

Een sectie opslaan

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct 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 om op te slaan.

4. Voer in het dialoogvenster eennaam voor de sectie in en klik vervolgens op‘Opslaan’. 

Een opgeslagen sectie gebruiken

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in de e-maileditor op het tabblad 'Secties'in de zijbalk van de editor. 
4. Klik op een opgeslagen sectie en sleep deze naar de gewenste plek in de e-mail. 

Opgeslagen secties beheren

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in de e-maileditor op het tabblad 'Secties'in de zijbalk. 
4. Klik onder'Opgeslagen secties' op'Beheren'.

1. In het rechterpaneel kun je je opgeslagen secties filteren met devervolgkeuzemenu's'Weergave' en'Sorteren'.
2. Klik op hetvervolgkeuzemenu ‘Acties’naast een opgeslagen sectie en maak een keuze uit de volgende opties: 
   • Toevoegen aan favorieten: voeg deze sectie toe aan je favoriete secties.
   • Verbergen: verwijderdeze sectie uit de zijbalk-editor. U kunt deze nog steeds openen bij het beheren van secties als u filtert op verborgen secties. 
   • Weergeven: als u dit gedeelte hebt verborgen, kunt u het hiermee weer in de zijbalk-editor weergeven. 
   • Verwijderen: verwijder deze sectie definitief. Klik in het dialoogvenster op 'Sectie verwijderen' om te bevestigen. Deze actie kan niet ongedaan worden gemaakt. Bestaande e-mails waarin de sectie wordt gebruikt, worden hierdoor niet beïnvloed. 

E-mails bewerken in de klassieke editor

In de klassieke editor kun je e-mails maken met behulp van sjablonen die in de ontwerpmanager zijn aangemaakt. 

E-mailontwerp bewerken

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

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > E-mail.
2. Klik op denaam vaneen e-mailconcept. 
3. Klik in de e-maileditor op het pictogram voor sjabloonontwerpin de linkerzijbalk.
4. Om het e-mailsjabloon in de ontwerpmanager te bewerken:
   • Klik in de zijbalkeditor op het vervolgkeuzemenu Actiesen selecteer Deze sjabloon bewerken. 
   • Selecteer in het dialoogvenster'Dit sjabloon bewerken' omhet sjabloon te bewerken dat voor de weergegeven assets wordt gebruikt, of'Kopiëren en nieuw sjabloon bewerken' omeen kopie van het 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 in uw instellingen voor marketing-e-mails de standaardstijl instellen voor e-mails die in de klassieke editor zijn gemaakt. 

1. Klik in je HubSpot-account op het instellingen-pictogram in de bovenste navigatiebalk.
2. Ga in het menu in de linkerzijbalk naarMarketing > E-mail. 
3. Klik op hettabblad 'Branding (klassieke editor)'. 
4. Voer in hetgedeelte 'Grootte'een standaardbreedte voor marketing-e-mails ende opvulling van de hoofdtekst in pixels in. 
5. Pas in hetgedeelte Lettertypehet primaire en secundaire lettertype van uw e-mails aan: 
   • Klik op hetvervolgkeuzemenu 'Primair lettertype' en selecteer eenlettertype. 
   • Klik op hetvervolgkeuzemenu 'Primair lettergrootte'en selecteer eengrootte inpixels.
   • Stel in hetveld 'Primaire lettertypekleur' de kleur van het lettertype in: 
     • Als u een hexadecimale code wilt 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 vervolgens waarden in develden R, G en B in. 

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

E-mails omzetten naar sjablonen met slepen en neerzetten

Als uw e-mail een sjabloon gebruikt dat is gemaakt in de lay-outeditor of een standaard gecodeerd sjabloon, in plaats van een op maat gemaakt gecodeerd sjabloon, kunt u de e-mail omzetten zodat deze in plaats daarvan de drag-and-drop-editor gebruikt. 

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > E-mail. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > E-mail.
2. Klik op denaam vaneen concept-e-mail. 
3. Klik in het dialoogvenster opVoorbeeldvangeconverteerde e-mail omeen voorbeeld van de geconverteerde e-mail te bekijken. 
4. Klik op'Converteren' om te slepen en neer te zetten.