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.
Erkunden Sie verfügbare Artikel (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:
Gehen Sie zu Kampagnen Kampagne erstellen 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 HTML-Vorlage. Fügen Sie dann Ihre eigenen Layouts und Artikel aus der linken Seitenleiste hinzu.
Um designfreie, nur-text E-Mails zu erstellen, verwenden Sie den nur-text E-Mail-Builder.Wählen Sie im Schritt E-Mail-Vorlage Nur-Text aus.
4ac Erfahren Sie mehr: Erstellen Sie nur-text E-Mails.
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 zur Registerkarte Layouts.
Ziehen Sie ein Layout (einzelne Spalte, zwei Spalten usw.) auf die Leinwand.
So fügen Sie Artikel hinzu
Öffnen Sie Elemente hinzufügen auf der linken Seite erneut.
Ziehen Sie Artikel (Text, Bild, Schaltfläche usw.) in die Abschnitte Ihres Layouts.
Hinweis: DerDas Produkt undDas Produkt-Empfehlungsblöcke sind Ausnahmen – ziehen Sie sie direkt auf die E-Mail-Leinwand, nicht in einen Layoutspaltenbereich. Dies sind eigenständige, vollbreite Blöcke, die nicht innerhalb von Spalten platziert werden können.
💡 Hinweis: Überprüfen Sie diesen Leitfaden, um mehr über alle verfügbaren Artikel zu erfahren.
Passen Sie Ihr Layout an
Linke Steuerungselemente (Symbole im Layout): Duplizieren, löschen, verschieben oder das gesamte Layout speichern.
Rechte Steuerungselemente (Symbole bei einzelnen Artikeln): Verschieben, löschen, speichern oder einen bestimmten Artikel 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 angezeigt 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.
4a1 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. 4ac 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 Farbpicker.
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 Hintergrund-Einstellungen und Schaltflächenstil in den Schaltflächen-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 Ihre Vorlage regelmäßig, um Fortschritte zu vermeiden.
4a1 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 | Ctrl + V | Cmd + V |
Rückgängig machen | Strg + Z | Cmd + Z |
Wiederholen | Umschalt + Strg + Z | Umschalt + 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 mobilen Geräten.
Höhere Interaktion: Gut optimierte mobile E-Mails verbessern die Klickraten.
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 einem Desktop gut aussieht, aber nicht auf einem mobilen Gerät, sollten Sie in Betracht ziehen, separate Elemente für verschiedene Geräte zu verwenden.
Wie man die Sichtbarkeit einstellt
Klicken Sie auf das Element, das Sie anpassen möchten.
Gehe 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 Die E-Mail auf Desktop und Mobilgeräten aussieht.
Schritt 4. Speichern Sie Ihr Design
Als Das 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 (Layout-Steuerelemente).
Einzelnes Element speichern: Klicken Sie auf das Speichern Symbol auf der rechten Seite (Element-Steuerelemente).
Gespeicherte Layouts und Elemente finden Sie im Tab Bibliothek.
4A1 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 (der Verlauf 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.
Wenn Sie einen Produktlisting oder Produktempfehlungs Block hinzufügen, sind diese Blöcke eigenständig, vollflächige Blöcke – sie können nicht in einen Layout-Spaltenbereich eingefügt werden.
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.
Textfarbe Steuerung 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 den Optionen für fett, kursiv und andere Formatierungen 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 (Dropdown oben rechts → Als Template speichern), um den Fortschritt 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. Gehe zu Elemente hinzufügen → Layouts, ziehe ein Layout auf die Leinwand und ziehe dann Elemente in die Layoutabschnitte.
Wenn Drag-and-Drop nach dem Hinzufügen eines Layouts immer noch nicht funktioniert:
• Aktualisieren Sie Ihren Browser (Hinweis: Der Verlauf der Rückgängig-Funktion 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 Cookies von Drittanbietern aktiviert sind.
Wenn das Problem weiterhin besteht, kontaktieren Sie unseren Support mit Ihrer Browser-Version und Ihrem Betriebssystem.
Ist Drag-and-Drop im kostenlosen Der Tarif verfügbar, oder ist es auf kostenpflichtige Der Tarife beschränkt?
Alle Funktionen des E-Mail-Builders, einschließlich Drag-and-Drop, sind vollständig verfügbar im kostenlosen Der Tarif. 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 Registerkarten 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. Bitte beachten Sie, dass das Neuladen der Seite dazu führen kann, dass nicht gespeicherte HTML-Blöcke verschwinden.
Die Rückgängig-Taste funktioniert nicht. Wie kann ich gelöschte Inhalte 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 Die E-Mail häufig als Das Template (oben rechts Dropdown → Als Template speichern), um zu verhindern, dass Fortschritte verloren gehen.
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 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 (werden zum Versandzeitpunkt aktualisiert). Personalisierte Empfehlungen für jeden Empfänger.
Verwenden Sie die Produktauflistung für spezifische, kuratierte Aktionen. Verwenden Sie den Das Produkt-Empfehler für personalisierte, dynamische Vorschläge.
Wie füge ich Layouts zwischen vorhandenen Inhalten ein?
Layouts können nur oben oder unten an bestehenden Inhalten platziert werden. Um ein Layout in der Mitte hinzuzufügen:
Fahren Sie mit der Maus ü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 Artikel nebeneinander in meiner E-Mail?
Verwenden Sie Mehrspaltenlayouts 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.
vertikale Stapelung: Fügen Sie nacheinander einspaltige Layouts hinzu. Ziehen Sie die Elemente in jedes Layout.
Sie können auch über ein Layout fahren und die Nach oben/unten verschieben-Steuerelemente verwenden, um die Abschnitte neu anzuordnen.
Haben Sie Fragen? Kontaktieren Sie unser Support-Team unter Der Kontakt erfolgt über [email protected] oder über den In-App-Chat.