Open de email die je wilt aanpassen via 'Concepten', 'Templates' of via een stap in een email automation. Je ziet dan de email editor.
Klik links op een van de paarse plusjes om een nieuwe rij toe te voegen. Er opent een pop-up met kant-en-klare email blokken, verdeeld in categorieën (zoals Knoppen, Inhoud, Afbeeldingen en Producten), plus je eigen opgeslagen blokken onder 'Mijn blokken'. Wil je een los element binnen een rij toevoegen, klik dan op de plusknop in de rij zelf; via het menu 'Wat wil je toevoegen?' kies je een van de standaard email blokken.
In de email editor kun je 'Automatisch opslaan' in- of uitschakelen via de aan/uit-schakelaar daarvoor. Zo bepaal je zelf of wijzigingen automatisch worden opgeslagen. Daarnaast is de desktop/mobiel preview-toggle beschikbaar, zodat je direct kunt zien hoe je email eruitziet op verschillende schermformaten. De preview gedraagt zich nu identiek aan de daadwerkelijk verzonden email: hetzelfde lettertype inclusief fallbacks, de linkkleur volgt de door jou ingestelde linkstijl, en de responsieve breekpunten komen uit de builder-instellingen.
Campagneteksten aanpassen
Onderaan het canvas staan drie campagneteksten: de "Bekijk in browser"-tekst, de footertekst en de uitschrijflink-tekst. Klik op een van deze teksten om hem te bewerken. De standaard builder-sidebar opent dan een paneel met de volgende opties:
- Teksteditor met inline opmaak: je kunt geselecteerde stukken tekst vet of cursief maken of een kleurmarkering toepassen. Koppen, lijsten en links zijn hier niet beschikbaar.
- Tekstgrootte voor de gehele tekst.
- Tekstkleur voor de gehele tekst, met de optie om de themakleur van de campagne te gebruiken.
- Padding (boven, rechts, onder en links) — dit is niet beschikbaar voor de uitschrijflink-tekst, omdat die inline in de footer staat.
Wijzigingen zijn direct zichtbaar op het canvas als live preview. Sla je aanpassingen op via de Opslaan-knop in het paneel. Sluit je het paneel zonder op te slaan, dan vervallen de wijzigingen en valt het canvas terug op de eerder opgeslagen waarde.
Houd er rekening mee dat het selecteren van een campagnetekst en het selecteren van een bouwblok elkaar uitsluiten: als je een campagnetekst aanklikt, wordt een eventueel geselecteerd bouwblok losgelaten, en andersom.
Bij het opslaan controleert Xendy de inhoud. Je ziet een foutmelding als:
- de tekst leeg is: "Deze tekst mag niet leeg zijn."
- de tekst te lang is: "Deze tekst is te lang. Maak de tekst korter om te kunnen opslaan."
- een stijlinstelling ongeldig is (bijvoorbeeld een ongeldig kleurformaat): "Een of meer instellingen zijn ongeldig. Controleer de tekstgrootte en kleur."
Rijen, kolommen en elementen verslepen
Je kunt de opbouw van je email aanpassen door onderdelen te verslepen:
- Rijen verslepen: gebruik de sleepgreep in de rij-toolbar (tooltip: "Verplaats blok") om een rij naar een andere positie te slepen.
- Kolommen verslepen: bij rijen met meerdere kolommen verschijnt er bij hoveren boven een kolom een sleepgreep linksboven in die kolom. Hiermee herorden je kolommen horizontaal binnen dezelfde rij. Dit werkt alleen in de desktopweergave en alleen als de rij meer dan één kolom bevat.
- Elementen verslepen: elk element in een kolom heeft een sleepgreep linksboven (tooltip: "Verplaats element"), zichtbaar bij hoveren. Je kunt een element verslepen naar een andere positie binnen dezelfde kolom of naar een andere kolom. De doelkolom krijgt een blauwe omlijning als visuele feedback.
Tijdens het slepen zie je een compacte preview-badge die aangeeft wat je versleept: bij een element toont die het icoon en de naam van het bloktype, bij een kolom staat er "Kolom" en bij een rij "Rij". Het originele item blijft gedimd op zijn plek staan totdat je het loslaat.
Wil je het slepen annuleren, druk dan op Escape of laat het item los buiten de builder. De oorspronkelijke volgorde wordt dan hersteld. Een gewone klik op een sleepgreep start geen sleepactie; je moet minimaal 5 pixels bewegen voordat het slepen begint.
Standaard email blokken:
- Tekst: voeg alinea's of koppen (H1, H2, H3) toe. Pas lettertype, grootte, regelhoogte en kleur aan in de zijbalk. De gekozen tekstkleur is alleen zichtbaar in de preview, niet in het bewerkingsveld zelf.
- Afbeelding: upload eigen afbeeldingen of kies uit je eerder geüploade afbeeldingen. Stel een link en de afmetingen (percentage of pixels) in.
- Knop: maak klikbare call-to-actions. Pas tekst, link, lettertype, kleuren, opvulling en hoekradius aan. Niet-numerieke invoer in het veld voor afronding wordt genegeerd; bij het verlaten van het veld wordt de waarde automatisch begrensd tot het toegestane minimum of maximum.
- Youtube: plak een YouTube-link; Xendy toont automatisch een voorbeeld met afspeelknop. Klikken stuurt de ontvanger naar YouTube.
- Social media: voeg icoontjes toe voor je kanalen. Er zijn 11 platformen beschikbaar, waaronder E-mailadres, Website en Telefoonnummer (Twitter heet hier X). Je kunt de icoontjes naar wens herordenen. De links stel je account-breed in via Instellingen → Social media.
- Divider: voeg een scheidingslijn toe tussen secties. Pas de hoogte aan.
Email blokken voor webshops:
Bij een actieve webshopkoppeling (WooCommerce, Shopify, Lightspeed, Magento 2 of maatwerk) zijn er extra blokken beschikbaar:
- Product: voeg producten in met afbeeldingen, namen, prijzen en links vanuit je webshop.
- Winkelwagen van contact: toon de achtergelaten items van het contact en voeg een knop toe naar de winkelwagen.
Let op: als er geen producten beschikbaar zijn (bijv. lege winkelwagen), wordt de email niet naar dat contact verzonden.
