Een splitsingsblok gebruiken in een e-mail
Wat je leert
Leer hoe je een splitsingsblok gebruikt om content naast elkaar te ordenen in Klaviyo.
Wanneer je een splitsingsblok gebruikt
Er zijn 3 manieren om content naast elkaar te plaatsen met Klaviyo’s e-maileditor: splitsingsblok, kolommen en tabelblok. Elke optie biedt bepaalde voordelen en afwegingen. Een splitsingsblok is het beste wanneer:
- Je hebt 2 kolommen nodig en wilt volledige controle over de breedte van elke kolom.
- Je wilt tekst of afbeeldingen naast elkaar plaatsen.
- Je wilt kiezen of de kolommen op mobiel gestapeld worden of naast elkaar blijven staan.
Lees hieronder meer over gesplitste blokken, kolommen en tabellen in de grafiek.
Inhoudsindeling | Aantal kolommen | Breedteopties | Toegestane contenttypes | Kunnen kolommen in de mobiele weergave onder elkaar worden gezet? |
Splitsingsblok | 2 | Nauwkeurige controle (Gebruik Stijlen > Indeling) | Afbeelding of tekst | Ja |
Kolommen | 1-4 | Beperkte selectie | Elk type contentblok (bijv. tekstblok, afbeeldingsblok, blok met reviewcitaat) | Ja |
Tabelblok | Elk aantal | Nauwkeurige controle (Gebruik Kolombreedte > Handmatig) | Afbeelding of tekst | Nee |
Tabellen kunnen lastig zijn voor de toegankelijkheid, omdat schermlezers moeite hebben om ze te parseren.
Voeg een splitsingsblok toe aan een e-mailtemplate
Zorg dat Optimaliseren voor mobiel is ingeschakeld in de instellingen van de e-mail onder Stijlen > Mobiele optimalisatie om mobiele stapeling en mobiele previews te gebruiken.
- Sleep in een e-mailtemplate een blok Splitsing naar het canvas.
- Onder Kolomselector kun je schakelen tussen de linker- en rechterkant van de splitsing.
- Kies onder Kolominhoud of de momenteel geselecteerde kant van de splitsing een afbeelding of tekst moet bevatten.
- Voor tekst: dubbelklik op de tekst in het e-mailcanvas en voer je content in. Voor een afbeelding gebruik je de afbeeldingsopties in de zijbalk om een afbeelding te selecteren of te uploaden.
- Herhaal het proces voor de andere kant van de splitsing.
- Open het tabblad Stijlen van het blok.
- Wijzig onder Lay-out de Breedte kolom 1 of Breedte kolom 2 om de kolombreedtes als percentages in te stellen. De andere kolom wordt automatisch aangepast zodat het totaal 100% blijft.
- Stel Afstand in om de ruimte tussen de kolommen in pixels aan te passen.
- Selecteer onder Mobiel stapelen op het tabblad Stijlen Links naar rechts of Rechts naar links om de kolommen te stapelen, of Niet stapelen om ze naast elkaar te houden.
- Klik op Voorbeeld en schakel vervolgens tussen Desktop en Mobiel om de kolombreedtes, tussenruimte en stapeling te controleren.
Extra hulpbronnen
- Dynamische blokken maken in een flowmail
Ontdek hoe je dynamische tabelblokken gebruikt om product- en andere gebeurtenisinformatie toe te voegen aan je door meetwaarde geactiveerde flow. In dit artikel lees je hoe je een dynamisch blok maakt aan de hand van het voorbeeld van een herinnering voor een verlaten winkelwagen waarin de achtergelaten producten worden weergegeven.
- Kolommen toevoegen aan een e-mail
Leer hoe je indien nodig kolommen aan je e-mails toevoegt om je template er aantrekkelijker uit te laten zien. Er zijn een paar manieren om kolommen aan je template toe te voegen. In dit artikel nemen we alle manieren door waarop je kolommen aan je e-mail kunt toevoegen en hoe je je ontwerp kunt optimaliseren op basis van het apparaat.