Rijen in je bericht vormen de basis van je bericht en zorgen voor een indeling. Binnen de rijen zal je elementen gaan plaatsen. Een rij kan meerdere kolommen bevatten. Je hebt de volgende opties:
De breedte van de kolommen zijn nog afzonderlijk in te stellen. Stel je kiest voor een rij op je canvas bestaande uit twee kolommen, dan ziet dit er als volgt uit:
Deze kolommen vul je met elementen. Een voorbeeld:
Selecteer je een rij op het canvas, dan zie je de volgende opties verschijnen:
| Functie | Uitleg |
|---|---|
|
Verplaatsen Sleep met je muis de rij op de gewenste plek. |
|
|
Dupliceren Met de functie dupliceren kun je eenvoudig een nieuwe variant van je rij maken. |
|
|
Verwijderen Hiermee verwijder je een volledige rij inclusief alle elementen. |
|
|
Wissel van element naar rij naar sectie Klik op het linker icoon en je wisselt van element > rij > sectie. |
Desktop
Selecteer je een rij, dan zie je aan de linkerkant opties verschijnen voor het instellen van een rij.
Rij inhoud
-
Kolommen: je ziet het aantal kolommen en dit aantal kun je verhogen door middel van het plusje. Daaronder heb je de optie om kolommen te wisselen door ze naar een andere positie te verslepen met je muis. Daarnaast kan je de breedte aanpassen, kolommen verwijderen en op slot zetten. Heb je aanpassingen gedaan op de breedte van de kolommen, dan kun je dit resetten door de button Zelfde breedte te gebruiken.
-
Kolomafstand: met de kolomafstand bepaal je de afstand tussen de kolommen, tot een maximum van 50px. Je kunt de afstand vrij instellen, wat precieze aanpassingen mogelijk maakt, bijvoorbeeld exact 36px voor een modernere lay-out. Een kolom zonder afstand ziet er als volgt uit:
Een voorbeeld van een kolomafstand van 20:
- Gebruik dezelfde styling: maak je gebruik van meerdere kolommen? Dan kan deze optie handig zijn. Je hoeft maar één kolom te stijlen en standaard wordt dezelfde styling toegepast op de andere kolommen.
Kolom stijl
- Achtergrondkleur: de achtergrondkleur kun je afzonderlijk per kolom instellen. Standaard is deze wit, maar met kleurcodes of de color picker is het mogelijk een andere kleur te kiezen.
- Achtergrondafbeelding inschakelen: het is mogelijk om een achtergrondafbeelding te plaatsen in je kolom. Deze afbeelding wordt getoond achter de elementen die je in je kolom plaatst.
- Padding: ruimte rondom je kolommen. Het is mogelijk om dit boven, onder, links en rechts toe te passen. Standaard is een padding van 0 ingesteld voor alle kanten.
-
Radius hoeken: met de radius geef je aan hoe rond de hoeken moeten zijn. De hoeken van een kolom zijn pas zichtbaar wanneer je een achtergrondkleur toepast. Een voorbeeld:
-
Randstijl: geef je kolom een omlijning. Je hebt de keuze uit geen, vast, gestippeld en gestreept. Een voorbeeld van gestreept:
Rijstijl
-
Achtergrondkleur: de achtergrondkleur van een rij. Het is mogelijk om een kolom een andere kleur te geven dan een rij. Een voorbeeld waarbij de achtergrondkleur van de rij geel is en de achtergrondkleur van de kolom blauw:
- Achtergrondafbeelding inschakelen: op rij niveau kun je een achtergrondafbeelding plaatsen. De kolommen en elementen vallen hier overheen.
- Uitlijning: standaard is deze gecentreerd net als de rest van het bericht, maar dit is naar wens aan te passen.
- Padding: ruimte rondom je rij. Het is mogelijk om dit boven, onder, links en rechts toe te passen. Standaard is een padding van 10 ingesteld voor alle kanten.
- Radius hoeken: met de radius geef je aan hoe rond de hoeken moeten zijn. De hoeken van een rij zijn pas zichtbaar wanneer je een achtergrondkleur toepast.
-
Randstijl: geef je rij een omlijning. Je hebt de keuze uit geen, vast, gestippeld en gestreept. Een voorbeeld van gestreept:
Mobiel
Op mobiel is het mogelijk de padding te wijzigen, de kolomafstand en de volgorde van kolommen.
Instellingen
Je hebt extra weergaveopties op basis van een rij:
-
Condities: is de content zichtbaar voor iedereen? Of wil je dit alleen tonen aan een specifieke selectie? Heb je het product Mail+ Professional, dan kan je content tonen op basis van interesses. Weten hoe je interessevelden toevoegt in jouw account? Lees het artikel: Interessevelden aanmaken.
Heb je een eCommerce, B2B of Automation account? Dan is het mogelijk om content te tonen op basis van een dynamische lijst.
Klik je op Selecteer, dan verschijnt er een pop-up met jouw dynamische lijsten:
Selecteer de gewenste lijst of interesse en klik op Ok. Je ziet nu linksboven bij de rij een icoon verschijnen:
Aan de linkerkant bij de instellingen zie je de doelgroep of interesse.
-
A/B instellingen: wil je een A/B test uitvoeren? Selecteer het stuk content en geef aan of het Versie A of Versie B is. Je ziet aan de linker bovenzijde van de rij de versie verschijnen.
Meer weten over A/B testen? Lees het artikel: Introductie: Automatische A/B test.
- Bewerken blok: je kunt ervoor zorgen dat je blokken gesloten maakt. Dit houdt in dat alleen jij dit kan bewerken en een andere gebruiker niet. Dit kan interessant zijn wanneer je zelf een template bouwt en bijvoorbeeld niet wilt dat servicelinks zoals afmelden te bewerken of te verwijderen zijn.