Passen Sie Ihre E-Mail-Kampagnen und automatisierten E-Mails mit Inhaltsblöcken und Layouts im Der E-Mail-Builder an und erstellen Sie sie. Ziehen Sie einen Block aus der linken Seitenleiste in Ihr Layout, um ihn hinzuzufügen und zu konfigurieren.

In diesem Artikel erfahren Sie mehr über verschiedene Elemente, die im Der E-Mail-Builder verfügbar sind, und wie Sie sie verwenden.

Alle Layouts und Inhaltsblöcke befinden sich in der linken Seitenleiste.

Gehe zum Elemente hinzufügen-Tab, um die vollständige Liste der verfügbaren Blöcke zu sehen: Text, Button, Bild, Logo, Menü, Linie/Raum, soziale Medien, Rabatt, HTML und Layouts.

Das Layout ist das Rückgrat Ihrer E-Mail. Fügen Sie es zuerst hinzu, und ziehen Sie dann Inhaltsblöcke in die Layoutspalten.

Um ein Layout oder einen Block hinzuzufügen:

Sobald ein Layout ausgewählt ist, verwenden Sie das rechte Panel, um die Polsterung, die Hintergrundfarbe oder das Hintergrundbild festzulegen.

Sobald festgelegt, können Sie beginnen, Elemente aus dem Elemente hinzufügen Menü zu Ihrem Layout hinzuzufügen.

Ziehen Sie den Preheader-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Der Preheader enthält einen Link zum Anzeigen im Browser, der es den Empfängern ermöglicht, eine Webversion der E-Mail anzuzeigen. Dies kann helfen, Anzeigeprobleme in E-Mail-Clients zu verhindern, die Bilder blockieren oder Schwierigkeiten beim Rendern von HTML-E-Mails haben.

In den Blockeinstellungen können Sie den Beschreibungstext aktualisieren und den Stil, die Schriftart, die Größe, den Zeilenabstand, die Farbe, die Polsterung und die Sichtbarkeit konfigurieren.

Ziehen Sie den Text-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Wählen Sie den Text aus, den Sie formatieren möchten, und wählen Sie dann Ihre Optionen im rechten Panel: Textstil, Schriftart, Schriftgröße, Zeilenhöhe, fett, kursiv, unterstrichen, durchgestrichen, Textfarbe, Ausrichtung, geordnete und ungeordnete Listen sowie Einrückungssteuerungen.

Um die Schriftfamilie oder -größe für einen bestimmten Abschnitt zu ändern, wählen Sie diesen Text aus und aktualisieren Sie die Werte im rechten Panel.

Um die Personalisierung hinzuzufügen (zum Beispiel den Vornamen eines Kunden), wählen Sie das Personalisierungssymbol in der Symbolleiste aus. Die Markierung wird Kundendaten abrufen, wenn die E-Mail gesendet wird. Erfahren Sie mehr über die Personalisierung.

Ziehen Sie den Schaltfläche-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Um den Text und den Link der Schaltfläche zu bearbeiten, wählen Sie die Schaltfläche aus und aktualisieren Sie die Werte im rechten Bedienfeld.

Um den Schaltflächenstil zu ändern, klicken Sie auf Schaltflächeneinstellungen, während Sie die Schaltfläche bearbeiten, oder klicken Sie auf den E-Mail-Hintergrund → E-Mail-Einstellungen → Schaltflächen.

Sie können Stile für drei Schaltflächentypen festlegen: Primär, Sekundär und Tertiär. Für jeden Typ können Sie konfigurieren:

Wählen Sie den Logo-Block aus dem Elemente hinzufügen-Menü.

Der Logo-Bereich verwendet das Standardlogo und die URL des Webshops aus Ihren Markenassets. Sie können sie durch ein anderes Bild und eine andere URL ersetzen. Ziehen Sie die Ecken des Bildes, um es zu skalieren.

Ziehen Sie den Menü-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Um das Menü zu bearbeiten, klicken Sie auf den Abschnitt, den Sie ändern möchten, aktualisieren Sie den Namen und legen Sie den Link fest. Verwenden Sie Neues Element hinzufügen im rechten Panel, um weitere Menüabschnitte hinzuzufügen.

Ziehen Sie den Linie/Raum-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Im rechten Panel wechseln Sie zwischen Linie und Raum. Für eine Linie konfigurieren Sie die Randbreite, den Stil, die Ausrichtung und die Farbe. Für einen Raum legen Sie die Höhe in Pixeln fest.

Öffnen Sie das Elemente hinzufügen-Menü oder die Bilder-Registerkarte und ziehen Sie einen Bild-Block in Ihre E-Mail.

Wählen Sie das Bild aus, das Sie im rechten Panel verwenden möchten.

Um die Bildpolsterung zu entfernen, klicken Sie auf Polsterungen entfernen im rechten Panel unter den Polsterungseinstellungen.

Um einen Link hinzuzufügen, geben Sie die Ziel-URL im Linkfeld im rechten Panel ein.

Fügen Sie Alternativtext im rechten Bedienfeld hinzu. Alternativtext wird angezeigt, wenn Bilder vom E-Mail-Client des Empfängers blockiert oder deaktiviert sind, und er wird von Screenreadern für sehbehinderte Empfänger gelesen.

Um ein Bild zu skalieren, wählen Sie es aus, fahren Sie mit der Maus über eine Ecke und ziehen Sie es auf die gewünschte Größe.

Um Bilder innerhalb des Layouts neu anzuordnen, verwenden Sie Drag & Drop.

Um einen Video-Block hinzuzufügen, fügen Sie zuerst ein Layout hinzu, und ziehen Sie dann den Video-Block aus dem Elemente hinzufügen-Menü in das Layout.

Fügen Sie die Video-URL im rechten Panel hinzu. Omnisend unterstützt YouTube- und Vimeo-Links. Der Link wird automatisch in ein klickbares Bildminiaturbild umgewandelt.
​

Ziehen Sie den HTML-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Sie können benutzerdefinierten HTML-Code mit dem Editor im rechten Bereich hinzufügen. Für unterstützte Tags und CSS-Elemente siehe Benutzerdefinierter HTML-Inhaltsblock.

Finden Sie den Produktlistungs Block im Elemente hinzufügen Menü oder wählen Sie ein Produktlistungs-Template aus dem Produkt Tab in der linken Seitenleiste.

Konfigurieren Sie die Anzahl der Produkte, wählen Sie aus, welche Produktdetails angezeigt werden sollen, und gestalten Sie den Block so, dass er zu Ihrer E-Mail passt. Produkte mit Drag-and-Drop im rechten Panel neu anordnen.

Ziehen Sie den Produkt-Empfehler-Block aus der Elemente hinzufügen-Seitenleiste in Ihre E-Mail.

Der Produktempfehler zieht automatisch bis zu 8 Produkte aus Ihrem Webshop, einschließlich Bilder, Titel, Beschreibungen, Preise und Produktlinks. Sie können auswählen, welche Details einbezogen werden sollen. Der Block wird jede Stunde aktualisiert, um die neuesten Produktdaten aus Ihrem Webshop widerzuspiegeln.

Ziehen Sie den Rabatt-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Mit diesem Block können Sie automatisch generierte Codes für Shopify, BigCommerce und WooCommerce-Stores senden oder einen Rabattcode manuell für alle anderen Plattformen einfügen.

Der Block kann auf die gleiche Weise wie andere Blöcke gestaltet werden, und seine Elemente (Schaltflächen, Überschriften) können templateweit in Die E-Mail-Einstellungen konfiguriert werden.

Ziehen Sie den Soziale Medien-Block aus dem Elemente hinzufügen-Menü in Ihre E-Mail.

Wählen Sie die sozialen Medien-Icons aus, die Sie einfügen möchten. Konfigurieren Sie dann die Größe, Ausrichtung, Form und Farbe für jedes Icon.

Um den Link für jedes Symbol festzulegen, klicken Sie auf das Symbol → Link ändern. Wenn Sie URLs von sozialen Medienprofilen in Webshop-Einstellungen → Markenassets gespeichert haben, werden diese automatisch ausgefüllt.

Wenn Ihr Webshop im kostenlosen Tarif ist, erscheint ein Omnisend-Abzeichen am Ende Ihrer E-Mail. Dieses Abzeichen kann im kostenlosen Tarif nicht entfernt werden. Um es zu entfernen, aktualisieren Sie Ihren Tarif.

Wie füge ich eine Personalisierungsmarkierung als Link im Textblock hinzu?

Kopiere die Personalisierungsmarkierung. Wählen Sie den Text aus, den Sie in einen Link umwandeln möchten, und fügen Sie einen Hyperlink hinzu. Füge die Personalisierungsmarkierung im URL-Feld ein. Dies ist dieselbe Methode, die zum Hinzufügen eines Abmeldelinks verwendet wird.

Ich erhalte den Fehler "Ihr Text benötigt einige Anpassungen", wenn ich speichere. Wie kann ich das beheben?

Dieser Fehler bedeutet, dass der Text nicht unterstützte Formatierungen enthält, die normalerweise von Inhalten stammen, die aus einer externen Quelle eingefügt wurden.

Wenn das Problem weiterhin besteht, klicken Sie auf Der Kontakt zum Support in der Fehlermeldung, um einen Chat mit vorab ausgefülltem Kontext zu öffnen.