E-mailsjablonen
Na het lezen van deze pagina kun je een e-mailsjabloon opbouwen uit blokken op een visueel canvas, er een afbeelding in uploaden, de voltooide HTML pakken om elders te hergebruiken, een ouder ruwe-HTML-sjabloon naar canvasmodus converteren zonder iets te verliezen, en een sjabloon toewijzen aan de gebeurtenis die het moet versturen.
Navigatielabel — E-mailsjablonen / E-mailgebeurtenissen: EN: Email Templates / Email Events · IT: Modelli email / Eventi email · FR: Modèles d'e-mail / Événements e-mail · DE: E-Mail-Vorlagen / E-Mail-Ereignisse · ES: Plantillas de correo / Eventos de correo · PT: Modelos de e-mail / Eventos de e-mail · NL: E-mailsjablonen / E-mailgebeurtenissen
Voordat je begint
E-mailsjablonen en E-mailgebeurtenissen zijn alleen voor managers — er is voor beide geen scherm in de mobiele app. Klanten zien de editor of de gebeurtenissenlijst nooit; ze ontvangen alleen de voltooide e-mail, net als elk ander bericht van je studio.
Een sjabloon op zichzelf verstuurt niets. Om daadwerkelijk te worden verzonden, moet het gekoppeld zijn aan iets dat een verzending triggert — een E-mailgebeurtenis (zie hieronder) of een stap in een Marketingautomatisering. Deze pagina behandelt het opbouwen van het sjabloon zelf en het toewijzen ervan aan een gebeurtenis; zie Marketingautomatiseringen voor het geval van de automatiseringsstap.
Overzicht: canvasmodus vs. HTML-modus
Elk e-mailsjabloon staat in precies een van twee modi, nooit een mix van beide:
- Canvasmodus — je bouwt de e-mail visueel op, door blokken (tekst, afbeelding, knop, scheidingslijn, tussenruimte) van boven naar beneden toe te voegen en te rangschikken, zoals je een pagina zou opmaken. Dit is de standaard voor een nieuw sjabloon en is voor bijna iedereen de juiste keuze.
- HTML-modus — je schrijft de HTML van de e-mail rechtstreeks, in een tekstvak, dezelfde editor die Agon altijd heeft gehad. Gebruik dit alleen als je iets nodig hebt wat de blokeditor niet kan — een opmaak die de beschikbare blokken niet ondersteunen, of HTML die je ergens anders vandaan plakt.
Het canvas toont de e-mail precies zoals die zal renderen, live, terwijl je blokken toevoegt of bewerkt — er is geen aparte "voorbeeld"-stap om doorheen te klikken.
Een e-mail opbouwen uit blokken
-
Ga naar E-mailsjablonen in de linkerzijbalk, onder de sectie Marketing.
-
Klik op Nieuw sjabloon. Er opent een nieuw sjabloon in canvasmodus met een leeg canvas.
-
Voer een Sjabloonnaam in (voor je eigen referentie — klanten zien die nooit) en een Onderwerpregel.
-
Voeg blokken toe uit het palet boven het canvas: Tekst, Afbeelding, Knop, Scheidingslijn, Tussenruimte of HTML. Elke klik voegt dat blok onderaan het canvas toe en selecteert het.
-
Klik op een blok in het canvas om het te selecteren. De besturingselementen ervan verschijnen in het paneel Blokeigenschappen aan de rechterkant:
Blok Besturingselementen Tekst Inhoud, Vet, Cursief, Uitlijning, Tekengrootte, Tekstkleur Afbeelding Afbeelding uploaden, Alt-tekst, Breedte, Uitlijning, Link (optioneel) Knop Knoptekst, Knoplink, Uitlijning, Achtergrondkleur, Tekstkleur Scheidingslijn Kleur scheidingslijn Tussenruimte Hoogte (px) HTML Ruwe HTML-inhoud, voor een blok waarover je volledige handmatige controle wilt -
Herschik blokken door er een naar een nieuwe positie te slepen, of door met de muis over een blok te zweven en op de pijlen ↑ / ↓ te klikken die verschijnen. Verwijder een blok met de knop × in dezelfde zweefbesturing.
-
Klik voor een Tekstblok op een van de variabelechips onder het inhoudsvak (bijvoorbeeld
{{client_name}}) om die aan het einde van je tekst in te voegen — die wordt vervangen door de daadwerkelijke waarde van de klant wanneer de e-mail wordt verzonden. -
Klik op Opslaan wanneer je klaar bent. Het sjabloon is klaar om aan een E-mailgebeurtenis of een marketingautomatiseringsstap te koppelen.
Een afbeelding uploaden in een Afbeeldingsblok
- Voeg een Afbeeldingsblok toe uit het palet, of selecteer een bestaand blok.
- Klik in het paneel Blokeigenschappen op Afbeelding uploaden en kies een bestand van je computer.
- Wacht tot de upload klaar is — het blok toont een overlay "Uploaden..." terwijl die bezig is. Zodra die is voltooid, verschijnt de afbeelding in het canvas.
- Stel optioneel Alt-tekst in (getoond als de afbeelding niet laadt in de e-mailclient van de ontvanger, en gebruikt voor toegankelijkheid), Breedte, Uitlijning en een Link als je wilt dat de afbeelding zelf klikbaar is.
Er is geen gedeelde mediabibliotheek — elke afbeelding die je uploadt, hoort bij dat ene Afbeeldingsblok. Als je dezelfde afbeelding in twee blokken wilt, upload die dan twee keer (één keer per blok).
Het paneel HTML bekijken / kopiëren gebruiken
Klik op elk moment op HTML bekijken / kopiëren bovenaan de editor om de exacte HTML te zien die je canvas momenteel produceert. Klik op HTML kopiëren om die naar je klembord te kopiëren — nuttig als je dezelfde opgemaakte e-mail ergens anders wilt hergebruiken, zoals die in een ander hulpmiddel plakken. Klik op Terug naar canvas om terug te keren naar de blokeditor; niets wat je hier kopieert of bekijkt, wijzigt het sjabloon.
Een ruwe-HTML-sjabloon converteren naar canvasmodus
Een sjabloon dat vóór deze functie is gebouwd — of een dat je bewust in HTML-modus hebt aangemaakt — heeft nog geen blokken. Het openen om te bewerken toont een link Converteren naar canvas naast de HTML-editor.
Erop klikken verpakt je bestaande HTML als één start-HTML-blok op het canvas — er gaat niets verloren. Van daaruit kun je:
- Dat ene blok laten zoals het is en nieuwe blokken (tekst, afbeelding, knop, enz.) erboven of eronder toevoegen, of
- De ruwe HTML van het verpakte blok rechtstreeks bewerken (het is nog steeds een HTML-blok, alleen nu op het canvas), of
- Het verwijderen en de e-mail helemaal opnieuw opbouwen met gewone blokken.
Converteren gebeurt alleen wanneer je op de link klikt — een sjabloon wisselt nooit automatisch van modus, en als je de editor sluit zonder op te slaan, blijft het oorspronkelijke HTML-modus-sjabloon onaangeroerd.
Wanneer je in plaats daarvan HTML-modus gebruikt
Canvasmodus dekt de opmaak die de meeste studio's nodig hebben, maar je kunt een nieuw sjabloon rechtstreeks in HTML-modus starten (klik op of begin in plaats daarvan vanuit ruwe HTML op een gloednieuw, nog leeg canvas) of een bestaand HTML-modus-sjabloon laten zoals het is. Redenen om in HTML-modus te blijven:
- Je plakt een complete e-mail in die je elders hebt ontworpen of geëxporteerd, en wilt die niet blok voor blok opnieuw opbouwen.
- Je hebt een opmaak- of stijltechniek nodig die de zes bloktypen van de blokeditor niet ondersteunen.
- Je wilt de HTML precies met de hand afstemmen en hebt de sleep-en-neerzet-workflow niet nodig.
Een sjabloon staat altijd in de ene of de andere modus — overschakelen van HTML naar canvasmodus is altijd de expliciete actie Converteren naar canvas hierboven, nooit automatisch.
E-mailgebeurtenissen
Een E-mailgebeurtenis is wat een sjabloon daadwerkelijk triggert om te versturen. Een sjabloon aan een gebeurtenis toewijzen is wat een sjabloon dat je hierboven hebt gebouwd, verandert in een echte, automatische e-mail.
- Ga naar E-mailgebeurtenissen in de linkerzijbalk, onder de sectie Marketing.
- Kies voor elk gebeurtenistype in de lijst het sjabloon dat moet worden verstuurd wanneer die gebeurtenis plaatsvindt, of laat het op Standaardsjabloon staan om Agons eigen ingebouwde bewoording voor die gebeurtenis te gebruiken in plaats van een aangepaste.
De gebeurtenistypen zijn:
| Gebeurtenis | Verstuurt wanneer |
|---|---|
| Klantuitnodiging | Er wordt een nieuw klantaccount aangemaakt |
| Wachtwoordreset | Een klant vraagt een wachtwoordreset aan |
| Boeking bevestigd | Een klant boekt een les |
| Boeking geannuleerd | Een boeking wordt geannuleerd (door de klant, een manager of een lesannulering) |
| Lesherinnering | Kort voor een les waarvoor de klant is geboekt |
| Lidmaatschap verloopt | Het lidmaatschap van een klant staat op het punt te verlopen |
| Van wachtlijst gepromoveerd | Een klant gaat van de wachtlijst naar een bevestigde plaats |
Anders dan bij SMS-gebeurtenissen (zie SMS-berichten) is elk gebeurtenistype hier volledig gekoppeld — een sjabloon aan een van hen toewijzen gaat onmiddellijk in, niet alleen de twee flows die SMS momenteel ondersteunt.
Een sjabloon dat momenteel aan een gebeurtenis is toegewezen, kan niet worden verwijderd uit E-mailsjablonen — koppel het hier eerst los.
Wat als er iets misgaat?
Mijn afbeeldingsupload is mislukt of blijft hangen op "Uploaden..." Probeer het opnieuw — een mislukte upload toont een foutmelding onder het eigenschappenpaneel en het blok behoudt simpelweg de vorige (of lege) afbeelding, er gaat niets verloren. Als het blijft mislukken, controleer dan of het bestand een echt afbeeldingsbestand is en niet ongewoon groot.
Ik heb een HTML-sjabloon naar canvas geconverteerd en wil terug Er is geen directe actie "terugconverteren", maar er is niets verloren gegaan bij de conversie — je oorspronkelijke HTML blijft intact bewaard in het ene HTML-blok dat de conversie heeft aangemaakt. Verwijder elk ander blok dat je sindsdien hebt toegevoegd, en je bent terug bij de oorspronkelijke HTML verpakt in één blok. Als je sinds het converteren niet hebt opgeslagen, verwerpt het sluiten van de editor zonder op te slaan de conversie volledig.
Ik kan niet zien of mijn sjabloon in canvasmodus of HTML-modus staat Canvasmodus toont het blokpalet, het sleep-en-neerzet-canvas en een paneel Blokeigenschappen. HTML-modus toont één groot tekstvak en een lijst met invoegbare variabelechips erboven. Als je een ouder sjabloon bewerkt en het gewone tekstvak ziet, staat dat sjabloon nog in HTML-modus — gebruik Converteren naar canvas als je het wilt overschakelen.
Ik heb per ongeluk een sjabloon verwijderd Er is geen ongedaan maken. Als het sjabloon was toegewezen aan een E-mailgebeurtenis of werd gebruikt in een marketingautomatiseringsstap, blokkeert Agon de verwijdering en vertelt het je welke gebeurtenis of automatisering die nog gebruikt — wijs die verwijzing eerst opnieuw toe of verwijder die als je die echt wilt verwijderen.
De e-mail ziet er niet goed uit wanneer die aankomt Het canvas toont een live, nauwkeurig voorbeeld van de HTML die je produceert, maar verschillende e-mailclients (Gmail, Outlook, Apple Mail, enz.) kunnen HTML-e-mail iets anders renderen dan elkaar — dit is een algemene eigenschap van HTML-e-mail, niet specifiek voor Agon. Gebruik HTML bekijken / kopiëren en stuur jezelf een test via een toegewezen E-mailgebeurtenis als je precies wilt bevestigen hoe het eruitziet in je eigen inbox voordat je erop vertrouwt.
Veelgestelde vragen
Kan ik sommige blokken en wat ruwe HTML in hetzelfde sjabloon hebben?
Ja — een HTML-blok is een van de zes bloktypen. Je kunt gewone blokken (tekst, afbeelding, knop, scheidingslijn, tussenruimte) mengen met een of meer HTML-blokken op hetzelfde canvas; wat je niet kunt doen, is een sjabloon hebben dat deels canvas-gestructureerd is en deels een aparte ruwe html_body buiten die structuur. Het is ofwel volledig canvasmodus (opgebouwd uit blokken, HTML-blokken inbegrepen) of volledig HTML-modus (één tekstvak, helemaal geen blokken).
Telt de afbeelding die ik upload ergens tegen mee, of verloopt die? Nee. Een geüploade afbeelding wordt opgeslagen op de eigen server van je studio en blijft onbeperkt beschikbaar, net als elk ander bestand dat Agon voor je opslaat.
Kunnen klanten het canvas of de blokeditor zien? Nee. E-mailsjablonen, inclusief de canvaseditor, zijn alleen voor managers. Klanten zien altijd alleen de voltooide, gerenderde e-mail in hun inbox.
Waarom is er geen "voorbeeld"-knop? Het canvas zelf is altijd een live, exact voorbeeld — elke blokbewerking werkt het onmiddellijk bij, dus er is niets extra's om doorheen te klikken.