Zum Hauptinhalt springen

Produktlisting-Element hinzufügen und konfigurieren

Erfahren Sie, wie die Produktauflistung im Der E-Mail-Builder funktioniert

Verfasst von Ira

Das Produkt Listing ermöglicht es Ihnen, bis zu 12 statische Produkte zu E-Mail Kampagnen und Die Automatisierung hinzuzufügen. Wählen Sie Produkte manuell aus Ihrem Webshop aus, und Omnisend zieht automatisch Bilder, Titel, Beschreibungen, Preise und Produktlinks. Verwenden Sie dies, um saisonale Artikel, empfohlene Produkte oder kuratierte Kollektionen zu präsentieren.

💡 Suchen Sie nach dynamischen Produktempfehlungen? Verwenden Sie Produkt-Empfehlungen, um Bestseller oder kürzlich angezeigte Artikel automatisch auszufüllen. Das Produktlisting dient der manuellen Produktauswahl.


Bevor Sie beginnen

  • Das Produktlisting ist auf allen Omnisend-Preismodellen verfügbar.

  • Das Produkt Listing funktioniert sowohl in E-Mail Kampagnen als auch in Die Automatisierung.

  • Verfügbar für Shopify, BigCommerce, Magento, WooCommerce oder API-Integrationen.

  • Für mehrsprachige Shopify- und BigCommerce-Websites werden Produktbeschreibungen und URLs in der Standardsprache Ihrer Website angezeigt.

  • API-Speicher benötigen Front-End-Snippets. Siehe unser Entwickleranleitung

Produktlisting-Element hinzufügen

Schritt 1. Erstellen oder öffnen Sie eine E-Mail-Kampagne oder wählen Sie eine E-Mail in Ihrem Die Automatisierung.

Schritt 2. Hinzufügen Produktliste Element zu Ihrer Die E-Mail → Klicken Sie Produkte aus dem Webshop auswählen.

Schritt 3. Wählen Sie Produkte aus und fügen Sie sie Ihrem Produktlisting-Element hinzu.

  • Produkte alphabetisch oder nach Datum sortieren (neueste zu ältesten, älteste zu neuesten).

  • Nach Kategorie oder Lagerstatus (auf Lager oder nicht auf Lager) stöbern.

  • Wählen Sie bis zu 12 Produkte aus und klicken Sie dann auf Hinzufügen, um sie in Ihre E-Mail aufzunehmen.

💡 Um mehr als 12 Produkte anzuzeigen, fügen Sie mehrere Produktlisten-Blöcke zu Ihrer Die E-Mail hinzu.

Hinweis für Shopify-Shops: Produktlinks verwenden myshopify.com-Domains, aber Shopify leitet Kunden automatisch auf Ihre benutzerdefinierte Domain weiter, wenn sie darauf klicken.

Produktlisting-Element anpassen

Produktmenge anpassen

Wählen Sie den Layout-Typ und bewegen Sie den Schalter oder geben Sie die Anzahl der anzuzeigenden Spalten ein (bis zu 12 Produkte pro Block).

Produkte neu anordnen

Ziehen Sie Produkte in der rechten Seitenleiste, um sie neu anzuordnen.

Wählen Sie anzuzeigende Produktdetails

Wählen Sie aus, welche Informationen für jedes Produkt angezeigt werden:

  • Bild (verlinkt automatisch zur Produktseite)

  • Produktname

  • Beschreibung

  • Preis (neuer und/oder alter Preis)

  • Button (verlinkt automatisch zur Produktseite)

💡 Produktkarten sind automatisch in der Höhe über die Spalten ausgerichtet, sodass die Schaltflächen konsistent bleiben, auch wenn der Produktinhalt in der Länge variiert.

Individuelle Abschnitte gestalten

Klicken Sie auf einen bestimmten Teil der Produktauflistung (Bild, Text oder Schaltfläche), um ihn anzupassen:

Bildeinstellungen:

  • Ersetzen, bearbeiten, oder Bild entfernen.

  • Bildabstand anpassen – Setzen Sie die oberen, rechten, unteren und linken Abstandswerte unabhängig für jedes Produktbild. Klicken Sie Padding entfernen, um alle Abstände auf einmal zu löschen.

  • Alt-Text hinzufügen.

  • Ausrichtung anpassen– Links, zentriert oder rechts.

Alt-Text: Omnisend generiert automatisch den Alt-Text für Bilder aus dem Klartext-Produkttitel. Emojis und Sonderzeichen werden entfernt. Sie können den Alt-Text im rechten Bereich bearbeiten, falls erforderlich.

Texteinstellungen:

  • Schriftstil, Größe, Zeilenhöhe

  • Farbe

  • Ausrichtung

Schaltflächeneinstellungen:

  • Schaltflächentext

  • Stil und Farbe

  • Ausrichtung (wählen Sie Voll, um Schaltflächen in voller Breite unter den Produkten anzuzeigen)

4a1 Tipp: Klicken Sie auf das +-Zeichen neben den Farbfeldern, um Hex-Farbcodes einzugeben oder den Farbwähler zu verwenden.

Preis- & Währungsanzeige

Platzierung des Währungssymbols:

  • USD: $100 (vor dem Preis)

  • CAD: 100$ (nach dem Preis)

Wenn Ihnen die automatische Platzierung nicht gefällt, passen Sie den Preis für jedes Produkt in den Produkteinstellungen an.

Alte vs. neue Preise anzeigen

  1. Aktivieren Sie Alten Preis anzeigen.

  2. Passen Sie die Farbe des alten Preises an, um ihn vom neuen Preis zu unterscheiden.

Produktwähler verwenden

Wählen Sie Produkte direkt von Ihrer Shop-Website mit dem Produktwähler aus:

  1. Klicken Sie auf Produkte direkt aus dem Shop hinzufügen in den Produkteinstellungen.

  2. Navigieren Sie zu einer Produktseite auf Ihrer Website.

  3. Klicken Sie auf die +-Schaltfläche im Produktwähler-Tool (rechte Ecke), um es zu Ihrer E-Mail hinzuzufügen.

  4. Wiederholen Sie dies für zusätzliche Produkte.

Häufig gestellte Fragen

Was ist Alt-Text für ein Produktbild?

Alt-Text ist ein Backup-Text, der ein Bild erklärt, wenn ein E-Mail-Client Bilder blockiert.Es verbessert auch die Barrierefreiheit für Screenreader.Für Produktlistenbilder erstellt Omnisend automatisch Alt-Text aus dem Klartext-Produkttitel und entfernt Emojis und Sonderzeichen, um die Kompatibilität mit E-Mail-Clients zu verbessern.

Kann ich die Schaltflächen größer machen?

Ja. Wählen Sie in den Schaltflächeneinstellungen die Voll-Ausrichtung, um Schaltflächen in voller Breite unter jedem Produkt anzuzeigen.

Warum ist mein Währungssymbol an der falschen Stelle (z. B. 100$ statt $100)?

Die Platzierung der Währung ist automatisch und variiert je nach Währung:

  • USD: $100 (vor)

  • CAD: 100$ (nach)

Wenn Ihnen die automatische Platzierung nicht gefällt, bearbeiten Sie den Preistext für jedes Produkt manuell in den Produkteinstellungen.

Kann ich mehr als 12 Produkte in einer E-Mail anzeigen?

Ja. Fügen Sie mehrere Produktlisten-Blöcke zu Ihrer Die E-Mail hinzu. Jeder Block kann bis zu 12 Produkte anzeigen.

Kann ich die Produktliste in Automatisierungen mit Echtzeit-Produktdaten verwenden?

Nein. Die Produktliste zeigt statische Produkte (Preise und Bilder werden beim Erstellen der E-Mail festgelegt).

Für Echtzeit-Produktdaten in Automatisierungen (z. B. Artikel im Warenkorb eines Kunden oder kürzlich angesehene Produkte) verwenden Sie dynamische Inhaltsblöcke wie Abgebrochene Produkte oder Produktempfehlungen.

Was ist der Unterschied?

  • Produktliste: Manuelle Auswahl, festgelegt zum Zeitpunkt der Erstellung. Verwendung in Kampagnen und Automatisierungen.

  • Dynamische Blöcke: Automatische Befüllung basierend auf dem Kundenverhalten. Nur Automatisierungen.

Warum zeigt mein Shopify-Produktlink myshopify.com anstelle meiner benutzerdefinierten Domain an?

Omnisend zieht automatisch Produktlinks über Ihre myshopify.com-Domain. Keine Sorge; Shopify leitet Kunden automatisch zu Ihrer benutzerdefinierten Domain weiter, wenn sie auf den Link klicken. Ihre Kunden werden die myshopify.com-URL niemals in ihrem Browser sehen.

Kann ich die Produkte nach dem Hinzufügen neu anordnen?

Ja. In den Produkteinstellungen (rechte Seitenleiste) können Sie Produkte per Drag & Drop neu anordnen.


Brauchen Sie Hilfe? Kontaktieren Sie unser Support-Team über den In-App-Chat oder unter [email protected].

Hat dies deine Frage beantwortet?