Die E-Mail ist der primäre Kanal, um mit Ihrer Zielgruppe zu kommunizieren, daher müssen Ihre E-Mails großartig aussehen und Ihre Marke widerspiegeln.
Der Omnisend E-Mail-Builder vereinfacht das Design mit Drag-and-Drop-Tools, vorgefertigten Vorlagen und mobilfreundlichen Layouts – keine Designfähigkeiten erforderlich.
In diesem Artikel erfahren Sie, wie Sie auf den E-Mail-Builder zugreifen, ein Template auswählen, Layouts und Elemente hinzufügen und Ihr Design speichern.
Bevor Sie beginnen
Verwenden Sie einen Desktop- oder Laptop-Computer. Der E-Mail-Builder ist nicht für mobile Geräte optimiert und funktioniert möglicherweise nicht richtig auf kleinen Bildschirmen.
Konfigurieren Sie Markenassets einmal, um Ihr Logo, Farben und Button-Stile automatisch auf jede E-Mail anzuwenden. Erfahren Sie mehr über Markenassets.
Erforschen Sie verfügbare Elemente (Text, Bilder, Schaltflächen, Produkte usw.) in diesem Leitfaden.
Schauen Sie sich die E-Mail-Builder-FAQ für häufige Fragen an.
Zugriff auf den E-Mail-Builder
Der E-Mail-Builder kann über Kampagnen oder Automatisierungs-Workflows aufgerufen werden:
Durch Kampagnen:
Gehe zu Die Kampagne → + Neue Kampagne → E-Mail erstellen.
Geben Sie Ihre Betreffzeile, den Absendernamen und die Absender-E-Mail-Adresse ein.
Klicken Sie auf Template auswählen, um den E-Mail-Builder zu öffnen.
Durch Automatisierungen:
Gehe zu Die Automatisierung → + Neuer Workflow oder wähle einen bestehenden Workflow aus.
Fügen Sie einen Die E-Mail-Schritt in Ihrem Workflow hinzu oder bearbeiten Sie ihn.
Klicken Sie auf Inhalt bearbeiten oder Template auswählen, um den E-Mail-Builder zu öffnen.
Schritt 1. Wählen Sie das Template
Durchsuchen Sie mobile-first E-Mail-Vorlagen oder filtern Sie nach Ziel (Willkommen, Promotion, Produkteinführung usw.), um diejenige zu finden, die Ihren Bedürfnissen entspricht.
Von Grund auf neu erstellen: Nach filtern Andere Ziele und wählen Sie die Reinen Text oder HTML Das Template. Dann fügen Sie Ihre eigenen Layouts und Elemente aus der linken Seitenleiste hinzu.
Um eine E-Mail im Gmail-Stil zu erstellen: Verwenden Sie ein HTML/Textblock mit einer großen Breitenanpassung (z. B. 1400px). Hinweis: Der Abmeldebutton wird weiterhin angezeigt (gesetzlich vorgeschrieben).
Wie es funktioniert:
Verwenden Sie einen HTML/Textblock anstelle eines einfachen Texttemplates.
Setzen Sie die Blockbreite auf einen hohen Wert (z. B. 1400px), um ein mehr E-Mail-Client-ähnliches Erscheinungsbild zu erzeugen.
Seien Sie sich bewusst, dass extrem große Breiten auf einigen Bildschirmen einen horizontalen Scrollbalken verursachen können.
Der Abmeldebutton wird weiterhin enthalten sein, wie erforderlich.
Schritt 2. Beginnen Sie mit dem Erstellen Ihrer E-Mail
⚠️ Wichtig: Fügen Sie immer zuerst ein Layout aus dem Layout-Tab auf der linken Seite hinzu. Elemente (Text, Bilder, Schaltflächen) müssen innerhalb von Layouts platziert werden. Wenn Drag-and-Drop nicht funktioniert, überprüfen Sie, ob Sie zuerst ein Layout hinzugefügt haben.
So fügen Sie ein Layout hinzu
Klicken Sie auf Elemente hinzufügen auf der linken Seite.
Wechseln Sie zum Layouts-Tab.
Ziehen Sie ein Layout (einzelne Spalte, zwei Spalten usw.) auf die Leinwand.
So fügen Sie Elemente hinzu
Öffnen Sie Elemente hinzufügen auf der linken Seite erneut.
Ziehen Sie Elemente (Text, Bild, Schaltfläche, Das Produkt usw.) in die Abschnitte Ihres Layouts.
💡 Tipps: Überprüfen Sie diesen Leitfaden, um mehr über alle verfügbaren Elemente zu erfahren.
Passen Sie Ihr Layout an
Linke Steuerungen (Symbole im Layout): Duplizieren, löschen, verschieben oder das gesamte Layout speichern.
Rechte Steuerungen (Symbole bei einzelnen Elementen): Verschieben, löschen, speichern oder ein bestimmtes Element gestalten.
Zwischen Desktop- und Mobilansichten wechseln
Wechseln Sie direkt im Editor zwischen Desktop- und Mobilansichten, um zu sehen, wie Ihre E-Mail auf jedem Gerät dargestellt wird.
Um die Ansichten zu wechseln:
1. Suchen Sie den Geräteumschalter in der oberen Symbolleiste (neben der Rückgängig-Taste).
2. Klicken Sie auf das Symbol, um zwischen zu wechseln:
- Desktop (Monitor-Symbol) – Standardbearbeitungsansicht
- Mobil (Telefon-Symbol) – Ansicht zur Bearbeitung von mobilen Layouts
Die Leinwand wird sofort angepasst. Sie können Ihre E-Mail in beiden Modi bearbeiten.
🔁 Hinweis: Die mobile Ansicht zeigt nur statische Inhalte an. Dynamische Elemente (Kontaktnamen, Produktempfehlungen) werden nicht angezeigt. Verwenden Sie Vorschau & Test , um dynamische Inhalte und den Dunkelmodus anzuzeigen. 📝 Erfahren Sie mehr: E-Mails in der mobilen und Desktop-Ansicht bearbeiten.
Schritt 3. Gestalten Sie Ihre E-Mail
Verwenden Sie das E-Mail-Einstellungen-Panel auf der rechten Seite, um Ihre E-Mail zu gestalten:
Breite: Passen Sie die Breite der Leinwand an (Standard: 600px).
Farben: Stellen Sie Hintergrund- und Leinwandfarben ein. Verwenden Sie den Farbwähler, um einen Hex-Wert oder wählen Sie eine beliebige Farbe direkt aus Ihrer E-Mail mit Hilfe des Farbauswähler.
Schaltflächen: Wählen Sie den Schaltflächenstil (abgerundet, scharfe Kanten usw.).
Sie können die Breite der E-Mail ändern und die Themen-Einstellungen anpassen, einschließlich Hintergrund- und Leinwandfarben in den Hintergrundeinstellungen und dem Button-Stil in den Button-Einstellungen.
Rückgängig/Wiederherstellen
Verwenden Sie die Rückgängig/Wiederherstellen-Schaltflächen in der oberen rechten Ecke. Unbegrenzte Rückgängig-Schritte ermöglichen es Ihnen, zum Anfang zurückzukehren.
Hinweis: Der Rückgängig-Verlauf wird zurückgesetzt, wenn Sie die Seite neu laden. Speichern Sie Ihr Template regelmäßig, um Fortschritte nicht zu verlieren.
💡 Tastenkombinationen
Beschleunigen Sie Ihre Bearbeitung mit diesen Tastenkombinationen:
Aktion | Windows | Mac |
Aktiven Block oder Abschnitt entfernen | Rücktaste / Löschen | Rücktaste / Löschen |
Auswahl aufheben | Esc | Esc |
Block oder Abschnitt duplizieren | Strg + D | Cmd + D |
Block oder Abschnitt kopieren | Strg + C | Cmd + C |
Block oder Abschnitt ausschneiden | Strg + X | Cmd + X |
Aus der Zwischenablage einfügen | Strg + V | Cmd + V |
Rückgängig | Strg + Z | Cmd + Z |
Wiederherstellen | Shift + Ctrl + Z | Shift + Cmd + Z |
Absichtlich Leerzeichen lassen
Sie können Layoutabschnitte leer lassen, um fokussierte, komplexe Designs zu erstellen.
Sichtbarkeitseinstellungen
Bestimmte Elemente auf Mobilgeräten anzeigen oder ausblenden vs. Desktop für bessere Reaktionsfähigkeit.
Warum separat optimieren?
Bessere Lesbarkeit: Schriftarten und Schaltflächen für eine einfachere mobile Interaktion anpassen.
Verbesserte Designkontrolle: Verwenden Sie unterschiedliche Bildgrößen oder Textabstände auf Mobilgeräten.
Höhere Interaktion: Gut optimierte mobile E-Mails verbessern die Klickrate.
Identifizieren Sie wichtige Elemente, die angepasst werden müssen
Bilder, Textausrichtung und Buttongrößen können auf Mobilgeräten anders erscheinen als auf Desktop.
Wenn eine E-Mail auf dem Desktop gut aussieht, aber nicht auf dem Mobilgerät, sollten Sie in Betracht ziehen, separate Elemente für verschiedene Geräte zu verwenden.
So stellen Sie die Sichtbarkeit ein
Klicken Sie auf das Element, das Sie anpassen möchten.
Gehen Sie zu Layout (rechtes Panel) → Anzeigeeinstellungen.
Wählen Sie:
Alle Geräte (Standard)
Nur mobile Geräte
Nur Desktop-Geräte
💡 Tipp: Verwenden Sie die Vorschau-Tool, um zu überprüfen, wie Ihre E-Mail auf Desktop und Mobilgerät erscheint.
Schritt 4. Speichern Sie Ihr Design
Als Template speichern
Klicken Sie auf das Dropdown-Menü in der oberen rechten Ecke. Wählen Sie Als Template speichern.
Benennen Sie Ihr Template.
Gespeicherte Vorlagen erscheinen unter Gespeicherte Vorlagen, wenn Sie eine neue Kampagne oder Automatisierung erstellen.
Individuelle Layouts oder Elemente speichern
Gesamtes Layout speichern: Klicken Sie auf das Speichern-Symbol auf der linken Seite (Layoutsteuerungen).
Einzelnes Element speichern: Klicken Sie auf das Speichern-Symbol auf der rechten Seite (Elementsteuerungen).
Gespeicherte Layouts und Elemente finden Sie im Tab Bibliothek.
💡 Erfahren Sie, wie Sie Universelle Layouts verwenden, um den E-Mail-Inhalt konsistent zu halten.
Fehlerbehebung
Funktioniert Drag-and-Drop nicht?
Fügen Sie zuerst ein Layout hinzu (siehe Schritt 2).
Aktualisieren Sie Ihren Browser (die Rückgängig-Historie wird zurückgesetzt).
Versuchen Sie einen anderen Browser (Chrome empfohlen).
Deaktivieren Sie vorübergehend Browsererweiterungen.
Überprüfen Sie, ob Drittanbieter-Cookies und JavaScript aktiviert sind.
HTML-Block verschwindet ständig?
Behalten Sie die -Tags, auch wenn sie leer sind – sie sind für die Validierung erforderlich. Wenn der Block verschwindet, könnte Ihr HTML Validierungsfehler aufweisen. Verwenden Sie einen HTML-Validator, um Formatierungsprobleme zu beheben.
Textfarbesteuerung nicht sichtbar?
Wählen Sie einfachen Text (keinen Hyperlink) innerhalb eines Textelements aus. Suchen Sie die Formatierungsleiste im rechten Panel. Der Farbwähler sollte neben fett, kursiv und anderen Formatierungsoptionen erscheinen.
Rückgängig-Schaltfläche unzuverlässig?
Das Neuladen der Seite löscht die Rückgängig-Historie. Speichern Sie Ihr Template regelmäßig (oben rechts Dropdown → Als Template speichern), um Fortschritte nicht zu verlieren.
Häufig gestellte Fragen
Warum kann ich keine Elemente in meine E-Mail ziehen?
Sie müssen zuerst ein Layout hinzufügen. Elemente (Text, Bilder, Schaltflächen) sollten in Layouts platziert werden. Gehen Sie zu Elemente hinzufügen → Layouts, ziehen Sie ein Layout auf die Leinwand und ziehen Sie dann Elemente in die Layoutabschnitte.
Wenn Drag-and-Drop nach dem Hinzufügen eines Layouts immer noch nicht funktioniert:
• Aktualisieren Sie Ihren Browser (Hinweis: Die Rückgängig-Historie geht verloren).
• Cache und Cookies löschen.
• Versuchen Sie einen anderen Browser (Chrome, Firefox, Safari) oder den Inkognito-Modus.
• Überprüfen Sie, ob JavaScript und Drittanbieter-Cookies aktiviert sind.
Wenn das Problem weiterhin besteht, kontaktieren Sie unseren Support mit Ihrer Browser-Version und Ihrem Betriebssystem.
Ist Drag-and-Drop im kostenlosen Tarif verfügbar oder ist es auf kostenpflichtige Tarife beschränkt?
Alle Funktionen des E-Mail-Builders, einschließlich Drag-and-Drop, sind vollständig im kostenlosen Tarif verfügbar. Es gibt keine Einschränkungen. Wenn Sie Probleme haben, stellen Sie sicher, dass Sie zuerst ein Layout hinzugefügt haben (siehe oben).
Kann ich eine E-Mail von Grund auf ohne ein Template erstellen?
Ja. Während der Auswahl des Templates filtern Sie nach Anderen Zielen und wählen Sie das Plain Text oder HTML Das Template. Diese geben Ihnen eine leere Leinwand. Bauen Sie dann Ihr Layout mit den Tabs Layouts und Elemente auf.
Warum verschwindet mein benutzerdefinierter HTML-Block ständig?
HTML-Blöcke können verschwinden, wenn der Code Validierungsfehler aufweist. Behalten Sie die -Tags, auch wenn sie leer sind – sie sind erforderlich. Vermeiden Sie es, essentielle HTML-Strukturen zu entfernen. Verwenden Sie einen HTML-Validator, um Ihren Code zu überprüfen, bevor Sie ihn in den Builder einfügen. Beachten Sie auch, dass das Neuladen der Seite dazu führen kann, dass nicht gespeicherte HTML-Blöcke verschwinden.
Die Rückgängig-Schaltfläche funktioniert nicht. Wie kann ich gelöschten Inhalt wiederherstellen?
Die Rückgängig-Schaltfläche (obere rechte Ecke) wird zurückgesetzt, wenn Sie die Seite neu laden. Wenn die Rückgängig-Historie verloren geht, müssen Sie den gelöschten Inhalt manuell erneut hinzufügen. Tip: Speichern Sie Ihre E-Mail häufig als Template (oben rechts Dropdown → Als Template speichern), um den Fortschritt nicht zu verlieren.
Warum kann ich keine Bilder aus meiner Bibliothek einfügen?
Wenn die Schaltfläche "Auswählen" in Ihrer Bildbibliothek schwer zu sehen oder fehlt, versuchen Sie, das Layout der Ansicht mit der Raster-/Listenumschaltfläche oben in der Bibliothek zu wechseln. Wenn das Problem weiterhin besteht, kontaktieren Sie den Support.
Kann ich den E-Mail-Builder auf meinem Telefon oder Tablet verwenden?
Der E-Mail-Builder ist nur für die Verwendung auf Desktop- und Laptop-Computern optimiert. Das Erstellen von E-Mails auf Mobilgeräten oder Tablets kann zu Funktionsproblemen wie nicht reagierendem Drag-and-Drop führen. Verwenden Sie einen Desktop-Browser (Chrome empfohlen) für das beste Erlebnis.
Wie lösche ich ein Layout oder ein Element in meiner E-Mail?
Verwenden Sie die linken Steuerungen (Symbole, die erscheinen, wenn Sie über ein Layout fahren), um ganze Layouts zu löschen. Verwenden Sie die rechten Steuerungen (Symbole für einzelne Elemente innerhalb von Layouts), um einzelne Elemente wie Text oder Bilder zu löschen. Beide haben ein Papierkorb-Symbol zum Löschen.
Was ist der Unterschied zwischen Produktauflistung und Produktempfehlung?
Produktauflistung: Sie wählen manuell aus, welche Produkte angezeigt werden sollen. Produktinformationen sind statisch (erfasst, wenn Sie die E-Mail erstellen). Es gibt keine Begrenzung für die Anzahl der Produkte.
Produktempfehlung: Zieht automatisch bis zu 12 Produkte basierend auf der von Ihnen gewählten Logik (z. B. Bestseller, ähnlich wie frühere Käufe). Produktinformationen sind dynamisch (aktualisieren sich zum Zeitpunkt des Versands). Personalisierte pro Empfänger.
Verwenden Sie die Produktauflistung für spezifische, kuratierte Aktionen. Verwenden Sie die Produktempfehlung für personalisierte, dynamische Vorschläge.
Wie füge ich Layouts zwischen bestehenden Inhalten ein?
Layouts können nur oben oder unten an bestehenden Inhalten platziert werden. Um ein Layout in der Mitte hinzuzufügen:
Fahren Sie über das vorhandene Layout → klicken Sie auf 'Nach unten verschieben', um Platz zu schaffen.
Ziehen Sie das neue Layout in den Raum.
Oder verwenden Sie Rückgängig, um Ihre Struktur von Grund auf neu aufzubauen.
Wie stapel ich Blöcke vertikal oder platziere Elemente nebeneinander in meiner E-Mail?
Verwenden Sie mehrspaltige Layouts für Flexibilität:
• Für nebeneinander stehende Elemente (z. B. Bild + Text): Fügen Sie ein 2-Spalten-Layout hinzu und ziehen Sie dann die Elemente in jede Spalte.
vertikales Stapeln: Fügen Sie einspaltige Layouts nacheinander hinzu. Ziehen Sie die Elemente in jedes Layout.
Sie können auch über ein Layout fahren und die Nach oben/unten verschieben-Steuerungen verwenden, um die Abschnitte neu anzuordnen.
Haben Sie Fragen? Kontaktieren Sie unser Support-Team unter [email protected] oder über den In-App-Chat.