Dokumentationsmenü

Vorschau & Test

MailInApp baut jede E-Mail in mehreren Versionen, und im Studio prüfen Sie jede davon vor dem Versand: auf einem Smartphone, nachdem jemand geantwortet hat, und so, wie eine bestimmte E-Mail-App sie anzeigt.

Desktop und Smartphone

Der Schalter Gerät über der Arbeitsfläche zeigt die E-Mail in Desktop-Breite oder auf einem 375 px breiten Smartphone, mit ihren angewendeten Smartphone-Einstellungen. In der Vorschau zeigt Nebeneinander beides gleichzeitig. Die versendeten Stufen stellen die Smartphone-Ansicht in einem echten 375-px-Rahmen dar, sodass die Smartphone-Regeln der E-Mail genau so greifen wie in einem Posteingang.

Vorschaustufen

In der Vorschau wählt der Stufenschalter, was Sie sehen:

  • Live-Ansicht: die gehostete Webversion, die Empfänger über einen Link öffnen.
  • Versendet: das versendete HTML, so wie eine moderne E-Mail-App es liest.
  • Outlook: das versendete HTML mit erzwungenen Zweigen des klassischen Outlook, sodass Sie dessen Version sehen, ohne eine Kopie zu besitzen.
  • Clients: das versendete HTML so, wie eine bestimmte E-Mail-App es anzeigt (siehe unten).

Der Dark-Mode-Schalter daneben zeigt die E-Mail im Dark Mode, so wie die gewählte Stufe oder App sie darstellen würde.

Vorschauzustände

Interaktive Blöcke zeigen auf der Arbeitsfläche ein Menü Vorschauzustand. Wählen Sie einen Zustand, um den Block so zu sehen, wie ein Empfänger ihn nach seiner Aktion sähe. Die Zustände sind Beantwortet (mit der Antwort, die Sie wählen), Gesendet, Gebucht, Geschlossen, Aufgedeckt, Gewonnen (mit dem Gewinn, den Sie wählen), die Assistentenseite eines Formulars, Ausverkauft, Für später gemerkt, Abgelaufen und Vor dem Öffnen. Ein Badge am Block zeigt, welchen Zustand Sie gerade sehen.

Bei Blöcken, die Ergebnisse zeigen, können Sie unter Simulierte Ergebnisse Zahlen eintippen (Stimmen pro Option, Bewertungen und ein Durchschnitt, ein NPS, Daumen hoch, Zusagen) und den Ergebnisbalken oder das Ergebnisbild damit sehen.

Zustände und simulierte Zahlen sind reine Vorschau: Sie werden nie mit der E-Mail gespeichert oder versendet.

Jede E-Mail-App

Die Stufe Clients zeigt die E-Mail so, wie eine gewählte E-Mail-App sie anzeigt: Mail auf iOS, iCloud Mail, Thunderbird, jede Gmail-App, Outlook.com und die Outlook-Apps sowie Yahoo Mail. Es ist eine Simulation auf Basis von Messungen in echten Posteingängen, kein Screenshot, und unter der E-Mail steht, welche Blöcke dort laufen, welche ihren Fallback zeigen, was Formulare in dieser App tun und was sie im Dark Mode macht. Jede App hat eigene Regler für Smartphone-Breite und Dark Mode.

Echte Screenshots. Ab dem Pro-Tarif verbinden Sie Mailgun Inspect unter Einstellungen › Integrationen und klicken auf Echte Screenshots erstellen, um die E-Mail in echten Posteingängen neben der Simulation zu sehen. Screenshots verbrauchen die Vorschauen, die Ihr Mailgun-Tarif enthält.

Wo jeder Block funktioniert

Jeder interaktive Block zeigt im Inspector eine Zeile Wo es funktioniert, und dieselbe Zeile als Tooltip im Einfügen-Bereich: welche Apps ihn in der E-Mail ausführen, welche seinen Fallback zeigen und welche noch nicht gemessen sind. Ein Block mit einem Tippen (Umfrage, Bewertung, RSVP, Buchung) funktioniert laut Zeile in jeder App, da jede Auswahl ein Link ist, der auf einer Webseite bestätigt wird. Die Zeilen stammen aus denselben Messungen wie die E-Mail-Client-Unterstützung.

Um Text nur für eine Version zu schreiben, etwa „Im Web abstimmen“ unter einer Umfrage in Apps mit Fallback, verwenden Sie die Einstellung Anzeigen in eines Blocks.

Preflight-Prüfung

🔍 Pre-Flight Check prüft die E-Mail vor dem Versand, sortiert in Tabs:

  • Barrierefreiheit: Farbkontrast im hellen und dunklen Modus, Reihenfolge der Überschriften, Alt-Text (Pflicht bei einem verlinkten Bild), Linktexte wie „hier klicken“, die Sprache der E-Mail und zu kleine Tippflächen.
  • Links: Jeder Link wird live geprüft, mit Statuscode und Weiterleitungen; Links ohne https und getrackte Links ohne UTM-Parameter werden markiert.
  • Zustellbarkeit: die Gmail-Kürzungsgrenze, zu viele Bilder im Verhältnis zum Text, Spam-verdächtige Formulierungen, Großbuchstaben, Linkkürzer und Linktexte, die eine andere Website nennen als die, zu der der Link führt.
  • E-Mail-Apps: Blöcke ohne funktionierenden Fallback, Ecken oder Hintergründe, die das klassische Outlook nicht zeichnet, und Webfonts, die auf die Ersatzschrift zurückfallen.
  • Inhalt: leere oder unvollständige Blöcke, etwa ein Tab ohne Titel oder ein Coupon ohne Code.

Viele Probleme haben einen Button Beheben, der die Korrektur für Sie vornimmt (Alt-Text ergänzen, eine Farbe gegen eine mit ausreichendem Kontrast tauschen). Die Anzeige Gmail-Kürzung unter der Arbeitsfläche zeigt die Größe der E-Mail während der Arbeit: Gmail kürzt eine E-Mail ab 102 KB und blendet den Rest aus, einschließlich des Abmeldelinks.

Betreff, Vorschauzeile und Testversand

Die Kopfzeile des Studios enthält den Betreff und die Vorschauzeile der E-Mail, die Zeile, die Posteingänge nach dem Betreff zeigen. Es sind dieselben Felder wie auf der Versandseite.

Test senden schickt die E-Mail an bis zu 5 Adressen. Vorschau als wählt eine Empfängerzeile, sodass Merge-Tags und Anzeigebedingungen so aufgelöst werden wie für diese Person. Auf der Seite einer Galerie-Vorlage schickt Dieses Beispiel an mich senden die Vorlage an Ihre eigene Adresse.