Wat je leert

Leer hoe je tekst, afbeeldingen en andere e-mailcontent over achtergrondafbeeldingen kunt plaatsen. Je kunt een achtergrondafbeelding toevoegen aan een volledige e-mail of aan één sectie. Door deze functie te gebruiken, kun je één afbeelding over een andere heen plaatsen, of een knop of tekst boven op een afbeelding toevoegen.

Over achtergrondafbeeldingen

Je kunt een achtergrondafbeelding toevoegen achter een hele e-mailtemplate of achter een specifieke sectie in de template. Template-achtergronden worden toegevoegd via het paneel Stijlen van de template, en beslaan meestal de volledige breedte en hoogte van de e-mail.

Template background image
Template background image

Achtergronden van secties zijn echter beperkt tot specifieke delen van de e-mail. Hiermee kun je dynamische, opvallende afbeeldingen en call-to-actions maken. Je kunt ook meerdere call-to-actions in 1 afbeelding opnemen (bijv. "Shop schoenen" en "Shop accessoires"). Deze sectiespecifieke achtergrondafbeeldingen kun je toevoegen via het tabblad Stijlen van een sectie.

Section background image settings
Section background image settings

Door een achtergrondafbeelding te gebruiken met tekst en andere content eroverheen, kun je de toegankelijkheid van je e-mail vergroten, vergeleken met het invoegen van één enkele afbeelding die tekst bevat. Als je bericht voornamelijk uit afbeeldingen bestaat met weinig tekst, zijn ontvangers die schermlezers en andere toegankelijkheidstools gebruiken die geen afbeeldingen weergeven, afhankelijk van alt-tekst om de inhoud van het bericht te begrijpen.

Daarnaast zullen ontvangers die platte-tekst-inboxen gebruiken of hun inboxen standaard zo hebben ingesteld dat afbeeldingen worden verborgen, je bericht niet makkelijk kunnen begrijpen. Als je standaard tekstblokken gebruikt met een afbeelding erachter, is het voor ontvangers met toegankelijkheidsbehoeften of alternatieve apparaten makkelijker om je bericht te begrijpen.

Achtergrondafbeeldingen selecteren

Als je een afbeelding selecteert om als achtergrond voor een sectie of template te gebruiken, kies dan een afbeelding met een voldoende hoge resolutie zodat deze er scherp en professioneel uitziet in de inbox. Zorg er echter voor dat je geen bestand gebruikt dat onnodig groot is, want dat kan leiden tot lange laadtijden voor je e-mails. 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, open je je template in de e-mailbewerker met slepen en neerzetten. Selecteer een bestaande sectie of voeg een nieuwe sectie toe.

  1. Zet in het tabblad Stijlen van de sectie Achtergrondafbeelding aan.
  2. Klik op Afbeelding selecteren.
Add a section background image
Add a section background image
  1. Klik in Afbeeldingsbibliotheek naast een afbeelding op Selecteren. Als je een nieuwe afbeelding wilt uploaden, open je Afbeelding uploaden en kies je je bestand. Als je wordt gevraagd om versies te vergelijken, kies je Origineel of Gecomprimeerd en klik je op Uploaden.
  2. Zodra je de achtergrondafbeelding hebt opgemaakt, voeg je content toe aan de sectie. Je kunt elk bloktype (bijv. tekstblok, knopblok, tabelblok) en elk aantal blokken aan je sectie toevoegen.

Nadat je een achtergrondafbeelding hebt ingesteld, kies je ook een achtergrondkleur. Deze kleur wordt weergegeven als de achtergrondafbeelding om welke reden dan ook niet kan worden geladen.

  1. Open het tabblad Stijlen van de sectie.
  2. Voor een afbeelding die wordt weergegeven bij Content, stel je Contentkleur in op Aangepast. Voor een afbeelding die wordt weergegeven bij Sectie, schakel je Sectiekleur in.
  3. Kies een kleur die goed bij de afbeelding past en ervoor zorgt dat je tekst leesbaar blijft als de afbeelding niet wordt geladen.

Als je een achtergrondafbeelding over de volledige breedte achter de content wilt weergeven, stel je Contentkleur in op Geen. Anders kan de achtergrondkleur van de content de afbeelding bedekken.

Stijlopties voor de achtergrond van de sectie

Kies onder Achtergrondafbeelding voor Content om de afbeelding binnen het contentgebied van de e-mail te houden, of Sectie om deze over de volledige breedte te laten doorlopen.

Kies in het gedeelte Indeling uit de volgende opties:

  • Oorspronkelijke grootte
    Je afbeelding behoudt de oorspronkelijke afmetingen. Delen die buiten het sectiegebied vallen, zijn niet zichtbaar.
  • Passend
    Je afbeelding past volledig binnen het sectiegedeelte en kan de achtergrondkleur eronder zichtbaar maken als de afbeelding niet exact dezelfde grootte heeft als het sectiegedeelte.
  • Vullen
    Je afbeelding vult het sectiegebied volledig, en een deel van de afbeelding kan worden bijgesneden.
  • Tegels
    De afbeelding wordt herhaald om het hele sectiegebied te vullen, en je kunt de Tegelformaat in- of uitschakelen om de schaal te kiezen.

Een template-achtergrondafbeelding instellen

Een achtergrondafbeelding toevoegen aan een e-mailtemplate:

  1. Open Stijlen in de zijbalk van de editor.
  2. Zet Achtergrondafbeelding aan en klik vervolgens op Afbeelding selecteren.
Template background option
Template background option
  1. Klik in Afbeeldingsbibliotheek naast een afbeelding op Selecteren. Als je een nieuwe afbeelding wilt uploaden, open je Afbeelding uploaden en kies je je bestand. Als je wordt gevraagd om versies te vergelijken, kies je Origineel of Gecomprimeerd en klik je op Uploaden.

Gebruik Indeling om Originele grootte, Aanpassen, Vullen of Tegels te kiezen, zoals hierboven beschreven. Gebruik Afbeeldingspositie om de afbeelding uit te lijnen. Als je Tegels kiest, gebruik je Tegelgrootte om Origineel of Aanpassen te kiezen.

Afbeeldingen die als achtergrondafbeeldingen voor een template zijn ingesteld, kunnen de volledige breedte van het templategebied bedekken. Je kunt het beste een kleur voor template-achtergrond instellen in een tint die lijkt op die van je afbeelding, omdat de achtergrondkleur zichtbaar kan zijn terwijl de afbeelding laadt of als een ontvanger afbeeldingen in e-mail heeft uitgeschakeld.

Achtergronden van secties kunnen de template-afbeelding bedekken. Om de template-afbeelding door een sectie heen zichtbaar te maken, schakel je Achtergrondafbeelding en Sectiekleur uit en stel je Inhoudskleur in op Geen op het tabblad Stijlen van die sectie.

Wanneer je klaar bent met het bewerken van een opgeslagen e-mailtemplate, klik je op Afsluiten om je wijzigingen op te slaan en de editor te verlaten.

Inbox-ondersteuning voor achtergrondafbeeldingen

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

De volgende inboxen ondersteunen geen achtergrondafbeeldingen:

  • Outlook voor Windows
  • Yahoo! Mail (gedeeltelijke ondersteuning)
  • AOL (gedeeltelijke ondersteuning)

Als een ontvanger daarnaast beperkte of trage internettoegang heeft, kan de achtergrondafbeelding langzaam laden of helemaal niet, waardoor in plaats daarvan de achtergrondkleur zichtbaar wordt.

Extra hulpbronnen

  • Over best practices voor e-mailafbeeldingen

    Leer meer over best practices bij het gebruik van afbeeldingen in Klaviyo E-mail, waaronder aanbevelingen voor de grootte en hoe je afbeeldingen toevoegt.

  • Best practices voor e-mailontwerp in de donkere modus

    Lees meer over de donkere modus, een apparaatinstelling die sommige gebruikers inschakelen om hun schermen te verdonkeren. Deze instelling heeft invloed op hoe e-mails worden weergegeven. De donkere modus is een eindgebruikersinstelling die op apparaatniveau wordt geselecteerd, en Klaviyo heeft geen directe controle over hoe de donkere modus op elk apparaat wordt geïmplementeerd.

  • Coding HTML email backgrounds
Was dit artikel nuttig?
Gebruik dit formulier alleen voor feedback op artikelen. Meer informatie over hoe je contact opneemt met support.

Ontdek meer van Klaviyo

Community
Maak contact met collega's, partners en Klaviyo-experts om inspiratie op te doen, inzichten te delen en antwoorden te krijgen op al je vragen.
Partners
Huur een Klaviyo-gecertificeerde expert in om je te helpen met een specifieke taak of voor doorlopend marketingbeheer.
Support

Krijg ondersteuning via je account.

E-mailsupport (gratis proefperiodes en betaalde accounts) 24/7 beschikbaar

Chat-/virtuele assistentie
Beschikbaarheid varieert per locatie en type abonnement