Der E-Mail-Builder ist ein Template, welches Ihnen nahezu unbegrenzte Möglichkeiten der Newsletter-Gestaltung bietet. Ganz ohne Programmierkenntnisse können Sie Ihren Newsletter flexibel gestalten und dabei auf verschiedene Design-Vorlagen zurückgreifen. Auch die Vorlagen können Sie komplett verändern, daher ist es am Anfang einfacher, wenn Sie mit einer Vorlage starten.

Wählen Sie beim Erstellen eines neuen Creatives die E-Mail-Vorlage „E-Mail Builder“. Sie können nun aus einer der vorhandenen Vorlagen wählen, in denen bereits Styles und Artikel beispielhaft eingebunden sind, oder ein leeres Creative erstellen.

Durch Klick auf OK haben Sie einen neuen Newsletter mit dem E-Mail-Builder angelegt! Nun können Sie das Design und die Inhalte der Vorlage anpassen - nach Klick auf „Creative editieren“ gelangen Sie in den Editor.

Die Bearbeitungsleiste ist wie folgt aufgebaut:

• Einstellungen: Die folgenden Speicheroptionen sind möglich. Entwickler von E-Mail Templates können mittels dieser Einstellungen das Verhalten des E-Mail-Editors steuern (vgl. Abschnitt „Config Tags“ im Artikel How do I develop email templates for promio.connect?).
  • CSS in Inline CSS umwandeln: Option ist standardmäßig aktiviert. Ein im Quellcode definiertes CSS Stylesheet wird „inline“ in die betreffenden Tags des body geschrieben. Dies kann insbesondere die Anzeige der E-Mail in E-Mail-Clients verbessern, die CSS Stylesheets ignorieren.
  • Speicherfehler ignorieren: Option ist standardmäßig deaktiviert. Vor dem Speichern werden im Quellcode enthaltene Fehler, z.B. Syntaxfehler, angezeigt.
  • Verwendeter CSS Inliner: Wahl des CSS Inliners, der bei Aktivierung der Option „CSS in Inline CSS umwandeln“ verwendet wird:
    • Standard: Option ist standardmäßig aktiviert. Diese Version kann ausschließlich einzelne, nicht durch Kommas getrennte Selektoren übertragen.
    • Next Generation: Diese Version des Inliners verarbeitet im Vergleich zur Standard-Version auch gestackte sowie kommaseparierte Selektoren, z.B.

      .classname a {
          color: #000000;
      }
       
      .class1, class2 {
          padding: 10px;
      }

• Änderungen zurücksetzen: Hier können Sie Änderungen, die noch nicht gespeichert sind, wieder zurücksetzen.
• Speichern: Speichern, ohne den Editor zu verlassen.
• Speichern & verlassen: Speichern mit Wechsel in die Creative Einstellungen.

Links unter der Menüleiste können Sie folgende Einstellungen vornehmen:

• Auflösung: Hier können zwischen Vollbild und verschiedenen Auflösungen im Hoch- und Querformat auswählen.
• Editierbare Elemente hervorheben: Die editierbaren Elemente werden gelb markiert.
• Layout-Aktionen anzeigen: Aktionen zum Einfügen, Kopieren, Verschieben, Löschen von Layouts ein-/ausblenden.
• Titel editieren: Titel (title-Tag im head) eines Creatives vom Format HTML bearbeiten. Voraussetzung: title-Tag muss im zugrundeliegenden Mastertemplate enthalten sein. Platzhalter von den Typen field oder function können verwendet werden.
• Pre-Header editieren: Hier können Sie einen Preheader für Ihr Creative erstellen und bearbeiten.
• CSS editieren: Konfigurieren Sie das Design Ihres Newsletters.

Sie haben einen neuen Newsletter mit dem E-Mail-Builder angelegt.

Durch Klick auf den Button Layout einfügen können Sie Design und Inhalte der Vorlage anpassen, indem Sie aus den Bausteinen auf der linken Seite auswählen:

Mit diesen Bausteinen können Sie sich Ihr Creative zusammenstellen. Wenn Sie danach mit der Maus über die Bereiche fahren, werden diese gelb angezeigt.
Nun können Sie einen ausgewählten Bereich bearbeiten.

Im Editor können Sie Vorlagen auswählen, Bilder austauschen, eine Personalisierung vornehmen, Texte mit Hilfe von KI übersetzen, erweitern, kürzen oder umformulieren und vieles mehr:

Einem Button können Sie einen Link hinterlegen. Über das Spaltenzeichen rechts neben dem Link kann man auf den Mediabrowser zugreifen, z.B. um ein pdf zu hinterlegen.

Über den Bildeditor können Sie über verschiedene Wege Bilder einfügen, entfernen und verlinken:

Datenschutzrechtlich ist der Footer das wichtigste Element Ihres Newsletters. Benutzen Sie eine Design-Vorlage und ändern Sie sämtliche Daten ab.

Haben Sie eine Vorlage gewählt, finden Sie in der Konfiguration verschiedene Menüpunkte, durch welche Sie das Layout des Creatives verändern können. Klicken Sie auf „CSS editieren“. Hier können Sie das Grunddesign Ihres Newsletters anpassen. Unter den Reitern finden Sie Einstellungsmöglichkeiten, um Schriftfarben, Größen usw. anzupassen. Wenn Sie z.B. auf Artikel > Text klicken, können Sie die Schrifteinstellungen des Artikeltexts anpassen.

E-Mails, die mit dem E-Mail-Builder erstellt wurden, werden als Multipart verschickt und enthalten eine automatisch generierte Textversion, welche neben den Texten aus den Artikeln selbstverständlich auch das Impressum und die Abmeldeinformationen enthält. Sie können sich die Textversion in der Vorschau unter dem Reiter „Textversion“ ansehen.

Ein Tutorial zum Erstellen von Creatives finden Sie hier: