Demo-Editor Einloggen →
Marketing Vorlagen How-to
~ 8 min gelesen
8070 Aufrufe
bewerten Sie es
20 Juli 2021

Automatisierung der E-Mail-Produktion, oder wie man Smart Elements im E-Mail-Marketing einsetzt

Stripo / Blog / Automatisierung der E-Mail-Produktion, oder wie man Smart Elements im E-Mail-Marketing einsetzt

Stellen Sie sich vor, die Erstellung einer Produktkarte mit dem Design, das Ihnen wirklich gefällt, dauert nur ein paar Klicks!

Alles, was Sie tun müssen, ist einen Link zu Ihrer Website einzufügen, und Stripo zieht von selbst Produktbild, Produktbeschreibung und Produktname in Ihre Promo-E-Mails.

Sie brauchen keine Bilder zu speichern und hochzuladen, keine Produktbeschreibungen zu kopieren und einzufügen, notwendige URLs zu Schaltflächen hinzuzufügen - wir machen das schon.

Klingt wie ein wahr gewordener Traum?

Nun, jetzt werden wir Ihnen zeigen, wie Sie diese Magie für E-Mails nutzen können.

Automatisieren Sie die E-Mail-Produktion mit Stripo
Jetzt anmelden

Was sind Smart Elements, bzw. wie funktionieren sie?

Smart Elements sind eine von Stripo entwickelte Funktionalität. Sie ermöglicht es Ihnen, die E-Mail-Produktion zu automatisieren. Dies ist eine echte Zeitersparnis für diejenigen, die mehrere Produktkarten und E-Mail-Digests erstellen. Sie konfigurieren sie einmal und verwenden sie in zahlreichen Promo-Kampagnen.

In einem der vorherigen Beiträge haben wir bereits gezeigt, wie man mit den Smart Elements arbeitet.

Sie mussten interne und externe Regeln festlegen, damit das System Korrekturinformationen abruft und in die entsprechenden Elemente Ihrer E-Mails zieht.

Aber dieses Mal ist es viel einfacher, mit den Smart Elements zu arbeiten.

Wenn Ihre Website OG-Tags enthält, fügen Sie einfach den Link zum Produkt ein und legen fest, wo genau in der E-Mail bestimmte Informationen zum Produkt erscheinen sollen. Dafür brauchen Sie weniger als 5 Minuten - nur einmal. Beim nächsten Mal, wenn Sie die Smart Elements wieder verwenden, müssen Sie nur den Link zum Produkt einfügen, ohne dass eine Konfiguration erforderlich ist.

Unsere aktualisierten Smart Elements sind vollständig kompatibel mit folgenden Websites:

  1. Ebay.com.

  2. Aliexpress.com.

  3. Walmart.com.

  4. Etsy.com.

  5. Medium.com.

  6. Pocket.com.

  7. Vk.com.

  8. Reddit.com.

  9. Linkedin.com.

Wie überprüfen Sie, ob Ihre Website Smart Elements enthält

Wenn Ihre Website nicht in der oben genannten Liste enthalten ist, müssen Sie prüfen, ob sie die OG - Open Graph - Tags unterstützt:

  • klicken Sie mit der rechten Maustaste auf Ihre Website;

  • drücken Sie Strg+F unter Windows, oder CMD+F unter macOS;

  • geben Sie “og:” ein;

  • if you find any in the code, then your site does support it.

OG Tags

Wenn Ihre Website die OG-Tags nicht unterstützt, finden Sie in unserem Blog-Beitrag “Smart Elements reduzieren den Zeitaufwand für die Erstellung ähnlicher E-Mails” die Anleitung, wie Sie in diesem Fall mit den Smart Elements arbeiten.

Für diejenigen, deren Website die OG-Tags unterstützt, haben wir eine kurze Anleitung vorbereitet, wie Sie Smart Elements in weniger als 10 Minuten konfigurieren können.

Fangen wir an, oder?

Gestalten einer Produktkarte

Als erstes müssen Sie eine Produktkarte mit allen Feldern erstellen, die Sie benötigen.

Bitte beachten Sie, dass Sie den Basisblock "Text" in Ihrer Produktkarte zweimal ziehen müssen, wenn Sie den Namen und die Beschreibung eines Produkts wünschen.

Dann gestalten Sie jedes Element der Produktkarte/des E-Mail-Digest-Blocks so, wie es Ihnen gefällt - Sie stellen die Schriftgröße für jedes Element individuell ein, Sie arbeiten an Ihrer Button-Farbe und -Form, usw.

Dazu müssen Sie in das jeweilige Element ein "Platzhalter"-Bild und einen "lorem ipsum"-Text einfügen.

Es ist wichtig, dass sich alle Blöcke innerhalb eines Containers befinden! 

Smart Elements_Entwerfen einer Produktkarte

Oder in einer Struktur, wenn Sie möchten, dass Ihre Karte/Blogpost die gesamte E-Mail-Zeile ausmacht.

Strukturen als Produktkarten

Konfigurieren der Smart Elements 

Sobald Sie mit dem Prototyp der Produktkarte fertig sind, können Sie mit der Konfiguration der Smart-Elements fortfahren.

Schritt 1. Aktivieren dieser Option

  • klicken Sie auf das Symbol "Container"/"Struktur" in der Vorlage;

  • im Bereich "Einstellungen" öffnen Sie die Registerkarte "Daten";

  • und klicken Sie auf die Schaltfläche "Beginnen".

Aktivieren der Smart Elements-Option

Schritt 2. Konfiguration der Smart Elements

In der Registerkarte "Konfiguration" können Sie:

  • notwendige Variablen durch Klicken auf das "Plus"-Symbol hinzufügen;

Smart Elements-Konfiguration_Variablen hinzufügen

  • das System fügt die erforderlichen Variablen automatisch hinzu. 

Bitte beachten Sie, dass die aktuelle Integration mit Amazon, eBay, Etsy, etc. die Daten wie folgt abruft: Produktname, Beschreibung und Bild. Preise fügen wir manuell hinzu. Dennoch können Sie das Feld "Preis" in die Produktkarte einfügen - wir zeigen später, wie Sie es bearbeiten.

Schritt 3. Einstellen der Übereinstimmungsregeln

Gute Nachrichten! Stripo arbeitet an den Externen Regeln. Sie müssen also nur die Internen manuell einstellen.

URL zu einer Produktseite

Wenn Sie es richtig machen, wird der Link zu Ihrer Produktseite dem Produktbild und der CTA-Schaltfläche in Ihrer Produktkarte hinzugefügt. Wenn der Benutzer darauf klickt, wird er zu einer entsprechenden Seite auf Ihrer Website weitergeleitet.

Um also interne Regeln für die URL festzulegen, müssen Sie:

  • die notwendigen Einstellungen über die Registerkarte "URL" öffnen;

  • im Eingabefeld "CSS-Selektor" ein "a" eingeben;

  • im Eingabefeld "Attribut" "href" eingeben.

Arbeiten an den internen Regeln für Links

Produktname

Wenn Sie es richtig machen, wird der Produktname automatisch von Ihrer Website in die E-Mail gezogen.

  • Öffnen Sie die Registerkarte "p_name";

  • scrollen Sie nach unten und geben Sie die Variable ".p_name" in das Eingabefeld "CSS selector" ein. Wichtig ist, dass Sie sie mit dem Punkt (.) am Anfang einfügen;

  • klicken Sie nun in der E-Mail-Vorlage auf den Produktnamen, um dessen HTML-Code zu öffnen;

  • fügen Sie class="p_name" in den öffnenden <p>-Tag ein.

Hinzufügen einer Klasse für den Produktnamen

Sie können dieser Klasse einen beliebigen anderen Namen geben. Er sollte nur eindeutig sein und mit der Variable übereinstimmen, die Sie im Eingabefeld CSS Selector festgelegt haben.

Es gibt eine weitere Möglichkeit, E-Mails mit Ihrer Website zu verbinden, um Produktnamen abzurufen.

Wenn Sie eine beliebige Überschrift für Ihren Produktnamen verwendet haben, wie ich Heading 2, geben Sie einfach "h2" (oder h3, h4, h5) in das CSS Selector-Eingabefeld ein. Und fügen Sie NICHT irgendetwas zum Code hinzu.

Arbeiten an Variablen für CSS Selector_Name

Produkt-Beschreibung
Wenn Sie es richtig machen, wird die notwendige Produktbeschreibung von Ihrer Website in die E-Mail gezogen.
  • Wechseln Sie zur Registerkarte "p_description";

  • geben Sie die Variable ".p_description" in das Eingabefeld "CSS-Selektor" ein. Wichtig ist, dass Sie sie mit dem Punkt (.) am Anfang einfügen;

  • klicken Sie nun in der E-Mail-Vorlage auf den Bereich "Produktbeschreibung", um dessen HTML-Code zu öffnen; 

  • fügen Sie class="p_description" in den öffnenden <p>-Tag ein.

Hinzufügen der Beschreibungs-Tags im E-Mail-Code

Genau wie im vorherigen Absatz möchte ich sagen, dass Sie einen beliebigen Namen für die Klasse verwenden können. Es ist Ihnen überlassen. Stellen Sie nur sicher, dass derselbe Name im Eingabefeld für den CSS-Selektor verwendet wurde.

Das Gleiche gilt für den folgenden Absatz.

Produktbild

Wenn Sie es richtig machen, wird das erforderliche Produktbild von Ihrer Website in die E-Mail gezogen.

  • Gehen Sie auf die Registerkarte "p_image";

  • geben Sie die Variable ".p_image" in das Eingabefeld "CSS selector" ein. Wichtig ist, dass Sie sie mit dem Punkt (.) am Anfang einfügen;

  • geben Sie "src" in das Feld "Attribut" ein;

  • klicken Sie nun auf das Bild in der E-Mail-Vorlage, um dessen HTML-Code zu öffnen;

  • fügen Sie class="p_image" in den öffnenden <img>-Tag vor src ein.

Hinzufügen von Attributen für Bilder

Schritt 4. Einfügen Ihrer URL

Nachdem Sie nun Ihr Smart-Element konfiguriert haben, können Sie den Link zum Produkt in das Eingabefeld "Link" einfügen. Dabei spielt es keine Rolle, ob Sie die Registerkarte "Konfiguration" oder die Registerkarte "Erscheinungsbild" wählen - das Eingabefeld ist für die beiden Registerkarten gemeinsam.

Hinzufügen von Attributen für Bilder

Beobachten Sie die Magie in Aktion.

Schritt 5. Preise editieren

Wie wir bereits erwähnt haben, erlaubt die aktuelle Integration mit Amazon, Etsy, eBay, Walmart und AliExpress nicht das Abrufen von Preisen über die Smart Elements.

Aber wenn Sie dieses Feld mit den Smart Elements zu Ihrer Produktkarte hinzufügen, könnte es für Sie etwas einfacher sein, den Preis zu bearbeiten.

Nachdem Sie den Link zur Produktseite eingefügt haben, bearbeiten Sie auf der Registerkarte "Erscheinungsbild" den Preis im Feld "Featured". Die Designstile, die Sie zuvor eingestellt haben, werden sofort übernommen.

Preise für Smart Elements bearbeiten

Speichern dieser Produktkarte zur Wiederverwendung in zukünftigen E-Mail-Kampagnen

  • Zunächst müssen Sie die "Produktkarte" duplizieren, wenn Sie zwei oder mehr Karten pro Zeile haben möchten;

  • markieren Sie dann die gesamte Struktur und klicken Sie auf die Schaltfläche "Als Modul speichern";

  • Geben Sie diesem Modul einen Namen;

  • wenn Sie eine neue Kampagne starten, ziehen Sie dieses Modul einfach aus Ihrem persönlichen Modulspeicher in die Vorlage;

Einsatz von Modulen mit Smart Elements in zukünftigen Kampagnen

  • Links zu neuen Produkten einfügen. 

Das war’s!

Abschließende Gedanken

Die Option Smart Elements beschleunigt die E-Mail-Produktion, insbesondere für eCommerce-Unternehmen, die häufig Promo-E-Mails versenden.

Wenn Sie Hilfe bei der Konfiguration von Smart Elements für Ihre E-Mails benötigen, hinterlassen Sie bitte unten einen Kommentar oder senden Sie uns eine E-Mail an contact@stripo.email.

Sparen Sie Ihre wertvolle Zeit mit Stripo

Karina vor 9 Monaten

Цікава стаття

Hanna Kuznietsova kommentiert Karina vor 9 Monaten

Дякую ?

Sie könnten interessiert sein an

vorherige nächste
Greatest Examples of GIF animations in Emails_Cover Image
27 Oktober 2021 · 10 min gelesen
16 großartige Beispiele für animierte GIFs in E-Mails

GIFs in E-Mails sind von großem Nutzen, wenn Sie Ihr Produkt präsentieren, die Aufmerksamkeit der Nutzer auf bestimmte Elemente lenken oder einfach nur Ihren Text etwas ausschmücken möchten. In diesem Artikel haben wir einige der besten Beispiele für E-Mail-GIF-Animationen zusammengestellt. Beispiele für animierte GIFs in E-Mails Hier ist eine Zusammenstellung der besten Beispiele mit GIFs in E-Mails. Jedes GIF erfüllt seine Aufgabe. 1. Adidas (Quelle: E-Mail von Adidas) Adidas verwendet E-Mail-Animationen, um zu zeigen, welche Farboptionen sie haben. Sieht ordentlich...

Design Marketing
24 September 2021 · 18 min gelesen
Beste Schriftarten für E-Mails: Tipps und Tricks zur Verwendung

Eines der größten Probleme bei der Erstellung von E-Mails ist die Wahl der richtigen Schriftart. Gewicht, Höhe, Breite, Farbe, Form, Abstände... Ist das alles wichtig? Ja, das tut es, aber eines der wichtigsten Dinge ist die Wahl einer lesbaren Schriftart. In diesem Beitrag zeigen wir Ihnen, wie Sie die beste professionelle Schriftart für E-Mails auswählen. Mit Stripo ist es einfach, Schriften in E-Mails zu bearbeiten Los geht’s HTML-Schriftarten für E-Mails: Zu beachtende allgemeine Regeln Es gibt drei Grundregeln, die Sie...

Design Vorlagen
08 April 2021 · 17 min gelesen
14 besten E-Mail-Signatur-Design-Beispiele

Gute E-Mail-Signaturen helfen uns, unser Unternehmen aufzubauen und einen guten Eindruck bei den Kunden zu hinterlassen. Da dies das letzte Element ist, das Menschen in E-Mails sehen, sollten wir unsere persönlichen Signaturen kreativ und einprägsam gestalten. Lassen Sie uns die besten Beispiele für E-Mail-Signaturen und ihre angemessene Verwendung in E-Mails und Newsletter-Vorlagen für E-Mails untersuchen. Es sollte erwähnt werden, dass alle Arten von Unternehmen professionelle E-Mail-Signaturen mit detaillierten Kontaktinformationen benötigen. Verwenden Sie diese Vorlage bei der Gestaltung einer E-Mail-Signatur Verwenden...

Design Marketing Vorlagen
banner9
11 September 2020 · 15 min gelesen
Die 10 besten kostenlosen Erstellungstools für E-Mail-Vorlagen 2021

Erstellungstools für E-Mail-Vorlagen scheinen irgendwie alle ähnlich zu sein? Sie sind nun unsicher, welches Sie wählen sollen, um die besten E-Mail-Vorlagen zu erstellen? Klar, es gibt schließlich eine ganze Menge von ihnen. Wir werden viele von ihnen auf ihre Unterscheidungsmerkmale hin untersuchen. Ich werde versuchen, die gleiche Vorlage in jedem der Editoren mit den gleichen Mediendateien zu erstellen. Mal sehen, ob die Erstellungstools sich unterscheiden. Für die Untersuchung haben wir Stripo.email und seine Wettbewerber ausgesucht: BEE Free, CampaignMonitor, EDM Designer,...

Design Marketing Vorlagen
Seien Sie immer auf dem Laufenden in Bezug auf aktuelle E-Mail-Marketing-Nachrichten, Leitfäden, Artikel und How-To's