Bewerk de lettertypen, kleuren, opvulling en andere stijlinstellingen van je campagne, zodat ze bij je site of merk passen.

Elke e-mailcampagne bestaat uit meerdere gedeelten. Hoewel je de meeste gedeelten afzonderlijk kunt stylen, zijn er bepaalde "globale" stijlinstellingen die van invloed zijn op je hele campagne. Dit zorgt voor een consistente uitstraling, zodat je een uniform merk kunt behouden.

Deze globale stijlen worden toegepast in elke campagne:

• Lettertypen
• Tekstgroottes
• Linkkleuren
• De omringende achtergrondkleur

Je kunt de stijlinstellingen van je website automatisch toepassen op je campagne, of deze stijlen handmatig instellen. Je kunt kleuren voor elk element opslaan en hergebruiken, of een campagne dupliceren om alle stijlinstellingen ervan in een nieuw concept te hergebruiken.

Tip: Om globale stijlen aan te passen, klik je op het gebied buiten de gedeelten (de e-mailachtergrond).

Website stijlen toepassen

Als je wilt dat je campagne past bij de esthetiek van je website, kun je automatisch het logo van je site invoegen en kleuren toepassen op basis van het kleurenpalet van je site. Om dit te doen:

1. Klik tijdens het bewerken van je campagneconcept op Stijl in het rechterpaneel.
2. Klik op snel je site matchen. Als deze knop niet verschijnt, kan het zijn dat de stijlinstellingen van een contentgedeelte geopend zijn. Klik in het gebied buiten de conceptcontent om de algemene e-mailstijlen weer te geven.
3. Om het logo van je site in te voegen, klik je op Logo invoegen. Deze optie is uitgeschakeld als je geen websitelogo hebt toegevoegd.
4. Om de kleuren van de campagne te wijzigen, klik op een van de kleurenschema's. Om deze thema's te wijzigen, wijzig je het kleurenpalet van je site.

Nadat je deze wijzigingen hebt aangebracht, kun je ze terugzetten naar de vorige instellingen door op de pijl voor ongedaan maken te klikken. Om het logo te verwijderen, klik op het logo in je campagnevoorbeeld en selecteer Tekst in het rechterpaneel.

Kies je lettertypes

Klik in een gedeelte op lettertypenpakket om de lettertypen voor alle tekst in een campagne in te stellen.

Lettertypepakketten zijn combinaties van lettertypen die zorgvuldig zijn gekozen door onze ontwerpers, zodat ze prettig zijn voor het oog en je abonnees helpen zich te concentreren op je boodschap. Bekijk de opties om een lettertypepakket te vinden dat past bij de toon en inhoud van je campagne.

Er is geen manier om individuele lettertypen binnen een lettertypepakket te bewerken. Onze lettertypepakketten zijn zo samengesteld dat ze er consistent uitzien in een grote verscheidenheid aan mailclients. De meeste mobiele e-mailclients ondersteunen bijvoorbeeld geen weblettertypen en vervangen deze in plaats daarvan door hun eigen standaardlettertypen. De lettertypen in onze lettertypepakketten zijn geselecteerd voor maximale compatibiliteit, dus je kunt er zeker van zijn dat wat je in je concept ziet zo dicht mogelijk bij wat je abonnees in hun inbox zullen zien.

Als je op een specifieke plek een ander lettertype nodig hebt, kun je overwegen om het als afbeelding toe te voegen, of om kleur en opmaak te gebruiken om je tekst te onderscheiden.

Bijvoorbeeld, in de Bloom-lay-out is "Bloom" een afbeelding die is toegevoegd aan de header, en "extra speciaal" (in zijn eigen tekstgedeelte) is cursief en roze gemaakt om het op te laten vallen:

Tekstgrootte instellen

Klik in elk gedeelte op Lettertypegroottes om de grootte in te stellen voor alle tekst in je campagne.

• Gebruik de Basislettertypegrootte diavoorstelling om de grootte van de hoofdtekst van je campagne te kiezen.
• Gebruik de lettertypeschaal-diavoorstelling om het contrast van de tekstgrootte in te stellen. Bijvoorbeeld, een kleinere lettertypeschaal resulteert in een "vlakke" e-mail, waarbij headers slechts marginaal groter zijn dan alineatekst, en een grotere lettertypeschaal headers relatief groter maakt.

Er zijn een paar uitzonderingen. Headertekst heeft zijn eigen grootte-instellingen en de volgende elementen hebben momenteel een vaste grootte:

• Tekst knop
• Blogposts en producttitels
• Datums van blogposts
• Productprijzen
• Footertekst, inclusief je adres en de afmeldhyperlink.

Verander je kleuren

Wanneer je op een element klikt om de kleur te veranderen, zoals een achtergrond of linkkleur, zie je twee opties: e-mailpalet en sitepalet, met bijbehorende kleurstalen.

E-mailpalet

Onder e-mailpalet verschijnen de kleuren die momenteel in de campagne worden gebruikt.

• Om een bestaande kleur te gebruiken, klik je op de kleurstaal.
• Om een nieuwe kleur toe te voegen, klik binnen de kleurenkiezer om de gewenste kleur te vinden en klik vervolgens op + in het kleurstaaltje dat verschijnt
• Om een kleur te verwijderen, klik je op de swatch en vervolgens op X in de swatch.

Tip: Bekijk onze tips voor het creëren van karakter door kleur.

Als je de waarde van de gewenste kleur kent, kun je die in het waardeveld invoeren. Dit is een geweldige manier om exacte kleuren van andere stijlinstellingen te kopiëren. Het waardeveld accepteert HEX en RGB.

Site palette

Onder het sitepalet verschijnen de kleuren die in je sitestijlen worden gebruikt. Je kunt deze optie gebruiken om ervoor te zorgen dat je campagnes overeenkomen met de branding van je site.

• Om een kleur uit het Site Palette te gebruiken, klik op het bijbehorende kleurstaaltje. Dit voegt het toe aan je e-mailpalet.
• Het is niet mogelijk om de kleuren van de Site Palette direct te wijzigen of te verwijderen. Verander in plaats daarvan de kleuren van je site in de sitestijlen.

Ik heb per ongeluk een kleurstaal uit het e-mailpalet verwijderd

Als die kleur in een ander gedeelte wordt gebruikt, kun je deze weer toevoegen aan je hoofdstaalkleuren. Als je bijvoorbeeld een kleurstaal verwijdert die ook in de knoppen van je blogposts wordt gebruikt:

1. Klik op het gedeelte met blogposts.
2. Klik op Details.
3. Klik op knopkleur.
4. Klik op + in de swatch voor die kleur, en hij verschijnt weer in andere kleurstylinggebieden.

Als de kleur nergens in je campagne wordt gebruikt, is er momenteel geen manier om deze op te halen. Als voorzorgsmaatregel kun je de HEX-code voor de kleuren die je gebruikt opschrijven voor het geval je per ongeluk een swatch verwijdert.

Kleur socialemedialinks

Je kunt de kleur van de socialemedialinks in de footer van je e-mailcampagne niet wijzigen.

Achtergrondkleuren

Er zijn drie soorten instellingen voor de achtergrondkleur:

• E-mailachtergrond - De achtergrondkleur van het gebied rondom de inhoud. Als de onderstaande twee stijlen zijn ingesteld op transparant, is dit ook de kleur die wordt weergegeven achter de campagne-inhoud.
• Achtergrond van de inhoud - De achtergrondkleur achter alle secties van een campagne. Als de gedeeltekleur op transparant staat, is dit de kleur die achter het gedeelte wordt weergegeven. Als alle gedeelten unieke kleurinstellingen hebben, wordt deze kleur mogelijk nergens weergegeven.
• Gedeeltekleur - De achtergrondkleur van een afzonderlijk gedeelte. Je kunt elk gedeelte onafhankelijk stijlen. Als de kleur van het gedeelte is ingesteld op transparant, zal ofwel de achtergrond van de content of de achtergrond van de e-mail achter het gedeelte verschijnen.

Om de e-mailachtergrond en de contentachtergrond in te stellen, klik je op het gebied buiten de gedeelten en selecteer je de opties in het zijpaneel. Om de kleur van een gedeelte in te stellen, klik je op het gedeelte en vervolgens op gedeeltekleur.

Houd er rekening mee:

• Voor afbeeldingsgedeelten wordt de achtergrondkleur alleen weergegeven achter onderschriften en transparante beeldgebieden. Als je bijvoorbeeld de Onderstaande afbeeldingsgedeelte-lay-out hebt geselecteerd en de onderschriften hebt verborgen, is de achtergrondkleur niet zichtbaar.
• Omdat e-mails vaak het volledige scherm innemen wanneer ze op mobiel worden bekeken, is de achtergrondkleur mogelijk niet zichtbaar op sommige apparaten.
• Om een transparante achtergrond te maken, kies je het kleurenstaal aan de linkerkant met diagonale lijnen.

Stijl van tekstlinks

Tekstlinks volgen je algemene lettertypenpakket en algemene lettertypegrootten. Om de kleur voor alle links in je campagne in te stellen, klik je op het gebied buiten de gedeelten en vervolgens op linkkleur.

Tip: View-in-browser-links hebben hun eigen kleuroptie, omdat ze boven de achtergrondkleur van de header worden weergegeven.

Randen

Om de witruimte rond tekst en afbeeldingen te veranderen, klik je op een willekeurig gedeelte om de opvullingsopties te bekijken. De uitstraling van de opvulling kan variëren afhankelijk van het apparaat. Campagneafbeeldingen bevatten bijvoorbeeld geen opvulling op mobiele apparaten, zodat de inhoud ook op kleinere schermen goed zichtbaar en duidelijk is.

Als er te veel of te weinig opvulling verschijnt, experimenteer dan met verschillende instellingen totdat je de ideale weergave voor je behoeften hebt gevonden. Houd er rekening mee dat je campagnes er mogelijk enigszins anders uitzien, afhankelijk van hoe je abonnees de campagne bekijken.

Tip: Je kunt met behulp van afstandhouders extra witruimte boven en onder gedeelten toevoegen.

Responsive design

Het ingebouwde responsive design van Email Campaigns past je afbeeldingen en tekst aan op basis van het scherm van de ontvanger. Of je abonnees nu achter een computer zitten of hun e-mail checken op een smartphone terwijl ze wachten op een trein, dankzij het responsive design ziet je campagne er altijd geweldig uit.

• Lettertypen worden iets groter op mobiele apparaten, zodat ze beter leesbaar zijn op een kleiner scherm.
• In blog-, product- en afbeeldingsgedeelten worden afbeeldingen en tekst op smalle browsers en schermen gestapeld weergegeven. Hierdoor blijft je content zichtbaar.

Een gedeelte stijlen

Naast de bovenstaande globale stijlen wordt elk gedeelte afzonderlijk opgemaakt. Klik op een gedeelte in de voorbeeldweergave aan de linkerkant en gebruik vervolgens het rechterpaneel om het op te maken. Ga voor meer hulp naar onze tips voor het bouwen en opmaken van elk type gedeelte:

• Blog
• Knop
• Afbeeldingen
• Regel
• Product
• Afstandhouder
• Tekst
• Header (bovenste gedeelte)
• Footer (onderste gedeelte)

Hergebruik een stijl

Om een campagne die je al hebt verzonden als sjabloon te gebruiken, inclusief alle stijlinstellingen.

1. Open het Email Campaigns-dashboard.
2. Klik op Verzonden.
3. Klik op het sjabloon hergebruiken pictogram op de campagne met de stijl die je wilt hergebruiken.
4. Kies je automatiseringstype.

De lay-out verschijnt als een nieuw concept dat je kunt gebruiken als startpunt voor een nieuwe campagne. Ga naar E-mailcampagnes opzetten voor meer informatie.