Öffne die E-Mail, die du bearbeiten möchtest, über 'Entwürfe', 'Templates' oder über einen Schritt in einer E-Mail-Automation. Du siehst dann den E-Mail-Editor.
Klicke links auf eines der lila Pluszeichen, um eine neue Zeile hinzuzufügen. Es öffnet sich ein Pop-up mit fertigen E-Mail-Blöcken, aufgeteilt in Kategorien (wie Schaltflächen, Inhalt, Bilder und Produkte), sowie deine eigenen gespeicherten Blöcke unter 'Meine Blöcke'. Möchtest du ein einzelnes Element innerhalb einer Zeile hinzufügen, klicke auf die Plusschaltfläche in der Zeile selbst; über das Menü 'Was möchtest du hinzufügen?' wählst du einen der Standard-E-Mail-Blöcke aus.
Im E-Mail-Editor kannst du 'Automatisch speichern' über den dafür vorgesehenen Ein/Aus-Schalter aktivieren oder deaktivieren. So bestimmst du selbst, ob Änderungen automatisch gespeichert werden. Außerdem steht der Desktop/Mobil-Vorschau-Umschalter zur Verfügung, damit du direkt sehen kannst, wie deine E-Mail auf verschiedenen Bildschirmgrößen aussieht. Die Vorschau verhält sich jetzt identisch zur tatsächlich versendeten E-Mail: dieselbe Schriftart einschließlich Fallbacks, die Linkfarbe folgt dem von dir festgelegten Linkstil, und die responsiven Breakpoints stammen aus den Builder-Einstellungen.
Kampagnentexte anpassen
Am unteren Rand des Canvas befinden sich drei Kampagnentexte: der „Im Browser anzeigen"-Text, der Footer-Text und der Text des Abmeldelinks. Klicke auf einen dieser Texte, um ihn zu bearbeiten. Die Standard-Builder-Seitenleiste öffnet dann ein Panel mit den folgenden Optionen:
- Texteditor mit Inline-Formatierung: Du kannst ausgewählte Textabschnitte fett oder kursiv formatieren oder eine Farbmarkierung anwenden. Überschriften, Listen und Links sind hier nicht verfügbar.
- Textgröße für den gesamten Text.
- Textfarbe für den gesamten Text, mit der Option, die Themenfarbe der Kampagne zu verwenden.
- Padding (oben, rechts, unten und links) – dies ist nicht für den Abmeldelink-Text verfügbar, da dieser inline im Footer steht.
Änderungen sind sofort auf dem Canvas als Live-Vorschau sichtbar. Speichere deine Anpassungen über die Speichern-Schaltfläche im Panel. Schließt du das Panel ohne zu speichern, werden die Änderungen verworfen und das Canvas kehrt zum zuletzt gespeicherten Wert zurück.
Beachte, dass das Auswählen eines Kampagnentextes und das Auswählen eines Bausteins sich gegenseitig ausschließen: Wenn du auf einen Kampagnentext klickst, wird ein eventuell ausgewählter Baustein abgewählt, und umgekehrt.
Beim Speichern prüft Xendy den Inhalt. Du siehst eine Fehlermeldung, wenn:
- der Text leer ist: „Dieser Text darf nicht leer sein."
- der Text zu lang ist: „Dieser Text ist zu lang. Kürze den Text, um speichern zu können."
- eine Stileinstellung ungültig ist (zum Beispiel ein ungültiges Farbformat): „Eine oder mehrere Einstellungen sind ungültig. Überprüfe die Textgröße und Farbe."
Zeilen, Spalten und Elemente verschieben
Du kannst den Aufbau deiner E-Mail anpassen, indem du Teile davon verschiebst:
- Zeilen verschieben: Verwende den Ziehpunkt in der Zeilen-Toolbar (Tooltip: „Block verschieben"), um eine Zeile an eine andere Position zu ziehen.
- Spalten verschieben: Bei Zeilen mit mehreren Spalten erscheint beim Hovern über eine Spalte ein Ziehpunkt oben links in dieser Spalte. Damit kannst du Spalten horizontal innerhalb derselben Zeile neu anordnen. Dies funktioniert nur in der Desktop-Ansicht und nur, wenn die Zeile mehr als eine Spalte enthält.
- Elemente verschieben: Jedes Element in einer Spalte hat einen Ziehpunkt oben links (Tooltip: „Element verschieben"), der beim Hovern sichtbar wird. Du kannst ein Element an eine andere Position innerhalb derselben Spalte oder in eine andere Spalte ziehen. Die Zielspalte erhält einen blauen Rahmen als visuelles Feedback.
Während des Ziehens siehst du ein kompaktes Vorschau-Badge, das anzeigt, was du verschiebst: Bei einem Element zeigt es das Symbol und den Namen des Blocktyps, bei einer Spalte steht „Spalte" und bei einer Zeile „Zeile". Das ursprüngliche Element bleibt abgeblendet an seiner Stelle, bis du es loslässt.
Möchtest du das Ziehen abbrechen, drücke Escape oder lasse das Element außerhalb des Builders los. Die ursprüngliche Reihenfolge wird dann wiederhergestellt. Ein einfacher Klick auf einen Ziehpunkt startet keine Ziehaktion; du musst dich mindestens 5 Pixel bewegen, bevor das Ziehen beginnt.
Standard-E-Mail-Blöcke:
- Text: Füge Absätze oder Überschriften (H1, H2, H3) hinzu. Passe Schriftart, Größe, Zeilenhöhe und Farbe in der Seitenleiste an. Die gewählte Textfarbe ist nur in der Vorschau sichtbar, nicht im Bearbeitungsfeld selbst.
- Bild: Lade eigene Bilder hoch oder wähle aus deinen zuvor hochgeladenen Bildern. Lege einen Link und die Abmessungen (Prozent oder Pixel) fest.
- Schaltfläche: Erstelle klickbare Call-to-Actions. Passe Text, Link, Schriftart, Farben, Innenabstand und Eckenradius an. Nicht-numerische Eingaben im Feld für die Abrundung werden ignoriert; beim Verlassen des Feldes wird der Wert automatisch auf das zulässige Minimum oder Maximum begrenzt.
- Youtube: Füge einen YouTube-Link ein; Xendy zeigt automatisch eine Vorschau mit Wiedergabeschaltfläche an. Ein Klick leitet den Empfänger zu YouTube weiter.
- Social Media: Füge Symbole für deine Kanäle hinzu. Es stehen 11 Plattformen zur Verfügung, darunter E-Mail-Adresse, Website und Telefonnummer (Twitter heißt hier X). Du kannst die Symbole nach Belieben neu anordnen. Die Links werden kontoweit über Einstellungen → Social Media festgelegt.
- Trennlinie: Füge eine Trennlinie zwischen Abschnitten ein. Passe die Höhe an.
E-Mail-Blöcke für Webshops:
Bei einer aktiven Webshop-Verknüpfung (WooCommerce, Shopify, Lightspeed, Magento 2 oder individuell) stehen zusätzliche Blöcke zur Verfügung:
- Produkt: Füge Produkte mit Bildern, Namen, Preisen und Links aus deinem Webshop ein.
- Warenkorb des Kontakts: Zeige die abgebrochenen Artikel des Kontakts an und füge eine Schaltfläche zum Warenkorb hinzu.
Achtung: Wenn keine Produkte verfügbar sind (z. B. leerer Warenkorb), wird die E-Mail nicht an diesen Kontakt gesendet.
