Zo voeg je een achtergrondafbeelding toe aan een e-mailtemplate of sectie

Wat je leert

Leer hoe je tekst, afbeeldingen en andere e-mailinhoud over achtergrondafbeeldingen kunt lagen. Je kunt een achtergrondafbeelding toevoegen aan een volledige e-mail of aan een enkele sectie. Door deze functies te gebruiken kun je een afbeelding over een andere leggen, of een knop of tekst boven op een afbeelding plaatsen.

Over achtergrondafbeeldingen 

Je kunt een achtergrondafbeelding toevoegen achter een hele e-mailtemplate of achter een specifieke sectie in de template. Sjabloonachtergronden worden toegevoegd via het templatetabblad Styles op en beslaan over het algemeen de volledige breedte en hoogte van de e-mail. 

Sectie-achtergronden zijn echter geïsoleerd tot specifieke gebieden van de e-mail. Ze schakelen je in om dynamische, opvallende afbeeldingen en call-to-action te maken. Je kunt ook meerdere call-to-action in 1 afbeelding opnemen (bijvoorbeeld "Shop Schoenen" en "Shop Accessoires"). Deze sectie-specifieke achtergrondafbeeldingen kunnen worden toegevoegd via het tabblad Stijlen van een sectie. 

Het gebruik van een achtergrondafbeelding met daar overheen tekst en andere inhoud kan de toegankelijkheid van je e-mail vergroten, vergeleken met het invoegen van een enkele afbeelding met tekst. Als je bericht voornamelijk beeldinhoud bevat met weinig tekst, vertrouwen ontvangers die schermlezers en andere toegankelijkheidsapparaten gebruiken die geen afbeeldingen weergeven op alt-tekst om de inhoud van het bericht te begrijpen. 

Bovendien zullen ontvangers die inboxen met platte tekst gebruiken of hun inboxen zo instellen dat afbeeldingen standaard verborgen zijn, je bericht niet gemakkelijk kunnen begrijpen. Als je standaard tekstblokken gebruikt met een afbeelding erachter, is het voor ontvangers met toegankelijkheidsbehoeften of alternatieve apparaten makkelijker om je boodschap te begrijpen. 

Achtergrondafbeeldingen kiezen 

Als je een afbeelding kiest om te gebruiken als achtergrond voor een sectie of template, kies dan een afbeelding met een voldoende hoge resolutie om er scherp en professioneel uit te zien in de inbox. Zorg er echter wel voor dat je geen bestand gebruikt dat onnodig groot is, want dit kan leiden tot langzame laadtijden voor je e-mail. Gebruik over het algemeen afbeeldingen van 1 MB of kleiner als achtergrond voor secties. 

Een achtergrondafbeelding voor een sectie instellen 

Zodra je een afbeelding hebt gekozen om te gebruiken, voeg je een nieuwe sectie toe aan je e-mailtemplate.

1. Zoek op het tabblad Stijlen van de sectie naar de sectie Achtergrond.
2. Klik op + om een afbeelding toe te voegen.
   
3. Klik op Browse Image Library (Afbeeldingsbibliotheek doorbladeren) en upload je afbeelding.
4. Zodra je de achtergrondafbeelding hebt vormgegeven, voeg je inhoud toe aan de sectie. Je kunt elk bloktype (bijv. tekstblok, knopblok, tabelblok) en elk aantal blokken aan je sectie toevoegen. 

Kies na het instellen van een achtergrondafbeelding ook een achtergrondkleur. Deze kleur verschijnt als de achtergrondafbeelding om wat voor reden dan ook niet kan worden geladen. 

1. Open het tabblad Stijlen van de sectie.
2. schakelaar Sectie kleur aan.
3. Kies een kleur die goed overeenkomt met de kleur van de afbeelding die je hebt gekozen. 

Sectie achtergrondstijl opties

Om te kiezen of de afbeelding de volledige breedte van je e-mail beslaat of binnen de inhoud van de e-mail staat, kies je tussen Inhoud of Sectie in de instelling Weergeven bij. 

Kies in het gedeelte Formaat uit de volgende opties: 

• Origineel formaat
  Je afbeelding wordt weergegeven op originele grootte en wordt op geen enkele manier beperkt.
• Passend
  Je afbeelding past volledig binnen het deelgebied en kan de achtergrondkleur eronder zichtbaar maken als deze niet precies de grootte van het deelgebied heeft.
• Vullen
  Je afbeelding vult het deelgebied volledig en een deel van de afbeelding kan worden bijgesneden. 
• Tegel
  De afbeelding zal zich herhalen om het hele deelgebied te vullen en je kunt de Tegelgrootte instellen om de schaal te kiezen.

Stel een template achtergrondafbeelding in 

Een achtergrondafbeelding toevoegen aan een e-mailtemplate:

1. Navigeer naar het template tabblad Stijlen op.
2. Klik op + om een afbeelding toe te voegen.
   
3. Kies een afbeelding uit je afbeeldingenbibliotheek of upload een nieuwe.

Zodra je je afbeelding hebt toegevoegd, kun je wijzigen hoe deze wordt gepositioneerd en of deze horizontaal en verticaal moet worden herhaald (of getegeld).

Afbeeldingen die zijn ingesteld als achtergrondafbeeldingen voor een template kunnen de volledige breedte van het template gebied beslaan. Je wilt misschien een sjabloonachtergrondkleur instellen in een tint die lijkt op je afbeelding, omdat de achtergrondkleur zichtbaar kan zijn tijdens het laden van de afbeelding of als een ontvanger afbeeldingen in e-mail uitschakelt. 

Inbox support voor achtergrondafbeeldingen

Hoewel de meeste inboxen wel support achtergrondafbeeldingen doen, zijn er bepaalde situaties waarin ze niet worden weergegeven. In deze scenario's wordt in plaats daarvan de achtergrondkleur weergegeven. 

De volgende inboxen hebben geen achtergrondafbeeldingen op support: 

• Outlook voor Windows
• Yahoo! Mail (gedeeltelijk support)
• AOL (gedeeltelijk support)

Als een ontvanger bovendien beperkte of langzame internettoegang heeft, kan de achtergrondafbeelding langzaam of helemaal niet laden, waardoor de achtergrondkleur zichtbaar wordt. 

Extra hulpbronnen

• Afbeeldingen in e-mailreferentie
• Best practices voor e-mailontwerp in donkere modus
• Litmus: HTML e-mailachtergronden coderen