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.

Gehen Sie 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, Countdown-Timer und Layouts.

Das Layout ist das Rückgrat Ihrer E-Mail. Fügen Sie es zuerst hinzu, und ziehen Sie dann die 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 den Abstand, die Hintergrundfarbe oder das Hintergrundbild festzulegen.

Sobald es eingestellt ist, 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 Probleme 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, das Padding 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 Bereich: Textstil, Schriftart, Schriftgröße, Zeilenhöhe, fett, kursiv, unterstrichen, durchgestrichen, Textfarbe, Hintergrundfarbe, 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 Bereich.

Um die Personalisierung hinzuzufügen (zum Beispiel den Vornamen eines Kunden), wählen Sie das Die Personalisierung Markierung Symbol in der Textwerkzeugleiste aus, oder geben Sie @ direkt im Textblock ein, um das Personalisierungsmenü inline zu öffnen. Verwenden Sie die Suchleiste im Menü, um schnell eine Variable zu finden. Erfahren Sie mehr über Personalisierung.

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

Um den Text und den Link des Buttons zu bearbeiten, wählen Sie den Button aus und aktualisieren Sie die Werte im rechten Bereich.

Um den Buttonstil zu ändern, klicken Sie auf Button-Einstellungen, während Sie den Button bearbeiten, oder klicken Sie auf den E-Mail-Hintergrund E-Mail-Einstellungen Buttons.

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 ändern.

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 Bereich, um weitere Menüabschnitte hinzuzufügen.

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

Im rechten Bereich können Sie zwischen den Typen Linie und Raum wechseln. 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 den Bilder-Tab und ziehen Sie einen Bild-Block in Ihre E-Mail.

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

Bildabstand anpassen – Legen Sie die Abstandswerte für oben, rechts, unten und links unabhängig für jedes Produktbild fest. Klicken Sie Padding entfernen, um alle Polsterungen auf einmal zu löschen.

Um einen Link hinzuzufügen, geben Sie die Ziel-URL im Linkfeld im rechten Bereich 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 ändern, wählen Sie es aus, fahren Sie mit der Maus über eine Ecke und ziehen Sie es auf die gewünschte Größe.Die Breite und Höhe des Bildes in Pixeln wird angezeigt, während Sie es ändern, sodass Sie es genau anpassen können.

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 Panel hinzufügen. Für unterstützte Tags und CSS-Elemente siehe Benutzerdefinierter HTML-Inhaltsblock.

Legen Sie das Enddatum und die Uhrzeit fest, wählen Sie ein Format, passen Sie die Schriftart und die Farbe an, fügen Sie Alt-Text hinzu, laden Sie ein Fallback-Bild hoch und passen Sie den Abstand an.

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

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 im rechten Panel per Drag & Drop 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 anzuzeigen.

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 manuell einen Rabattcode für alle anderen Plattformen einfügen.

Der Rabattblock umfasst drei unabhängig gestaltete Elemente: Rabattcode, CTA-Schaltfläche und Ablauf-Text.Wählen Sie den Rabattblock aus, um jedes Element im rechten Panel zu konfigurieren.Unter Rabattcode und Ablauf können Sie die Schriftart und die Schriftgröße ändern.Sie können die CTA-Schaltfläche separat konfigurieren.

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 Symbol.

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 ein Personalisierungstag 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 behebe ich das?

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 Support kontaktieren in der Fehlermeldung, um einen Chat mit vorab ausgefülltem Kontext zu öffnen.