Deine E-Mails zu Bloomreach hochladen

Der Bloomreach-Export von Emailify erstellt vollständige HTML-E-Mails, die du manuell in den HTML Builder von Bloomreach importieren kannst.

Wähl im Export-Panel von Emailify in der Dropdown-Liste die Option Bloomreach. Wenn du so weit bist, klick auf den Button Export For Bloomreach, um die in Figma ausgewählten E-Mails als HTML zu exportieren.

Eine vollständige Emailify-Vorlage importieren ​

Nutze den HTML Builder von Bloomreach, wenn du eine vollständige Emailify-E-Mail importierst:

  1. Entpacke den Emailify-Export.
  2. Öffne die Datei index.html der E-Mail in einem Text- oder Code-Editor.
  3. Erstelle oder öffne eine E-Mail im HTML Builder von Bloomreach.
  4. Wechsle in den Modus Code und ersetze den vorhandenen Code durch den vollständigen Inhalt von index.html, einschließlich <head> und <body>.
  5. Speichere die E-Mail und sende einen Test, bevor du sie in einer Kampagne verwendest.

Nutze beim Import eines vollständigen Emailify-Exports den HTML Builder und nicht einen HTML content block im Design Builder von Bloomreach.

Emailify fügt im <head> der E-Mail responsives CSS für die Spaltenbreiten auf dem Desktop ein, dazu bedingtes Tabellen-Markup für Outlook-Versionen, die einen eigenen Fallback brauchen. Der Design Builder von Bloomreach behandelt seinen HTML-Inhaltsblock als Body-Fragment. Er kann deshalb die responsiven Styles in den Body der E-Mail verschieben und das Outlook-spezifische Markup entfernen. In dem Fall werden Spalten auf dem Desktop womöglich untereinander gestapelt statt nebeneinander angezeigt.

Mehr dazu findest du in der Anleitung von Bloomreach zur Verwendung des HTML Builders.

Einen Emailify-Abschnitt im Design Builder verwenden ​

Wenn du einen Emailify-Abschnitt in eine E-Mail im Design Builder einfügen musst, kannst du versuchen, den exportierten Code aufzuteilen:

  1. Kopiere die <style>-Tags aus dem exportierten <head> in Bloomreach unter Settings -> Custom Head HTML.
  2. Kopiere nur den Inhalt zwischen den exportierten Tags <body> und </body> in den HTML-Inhaltsblock des Design Builders.

So lässt sich das responsive CSS für E-Mail-Clients, die es unterstützen, wiederherstellen. Der Design Builder kann das Outlook-spezifische, bedingte Markup von Emailify aber trotzdem entfernen. Teste das Ergebnis vor dem Versand in Gmail, Apple Mail und Outlook für den Desktop. Die zuverlässigste Kompatibilität erreichst du mit dem vollständigen Export im HTML Builder von Bloomreach.

Mehr dazu findest du in der Anleitung von Bloomreach zu Custom Head HTML.