Das Wichtigste in Kürze: Ein E-Mail-Moodboard gibt die visuelle Richtung einer Kampagne vor – es liefert jedoch weder Produktdaten noch Angebote oder konkrete Handlungsaufforderungen. Starte deshalb mit einem präzisen Kampagnen-Briefing, wähle eine visuelle Referenz, erstelle daraus einen Entwurf im eigenen Markendesign und teste die finale E-Mail vor dem Versand gründlich.
Viele Shopify-Händler besitzen Ordner voller gelungener E-Mail-Screenshots – und stehen am Tag des Kampagnenstarts trotzdem vor einem leeren Editor. An Inspiration mangelt es nicht. Die eigentliche Hürde liegt darin, aus einer Bildidee eine versandfertige E-Mail zu bauen.
Genau dieses Problem zeigte sich kürzlich in einer Diskussion auf r/ShopifyeCommerce, die ein Mitglied unseres Teams angestoßen hatte. Ein Kommentar traf den Kern: Brauchen Händler ein Tool, das Bilder direkt in editierbare E-Mails umwandelt – oder vielmehr eine kuratierte Template-Sammlung nach Stilrichtungen? Ein anderer Händler berichtete von Dutzenden gespeicherten Screenshots auf dem Schreibtisch, die es nie in eine echte Kampagne geschafft haben.
Dieses Feedback haben wir direkt an unser Produktteam weitergegeben und die Migma E-Mail-Inspirationsgalerie entwickelt. Sie schließt die Lücke zwischen visueller Referenz und einer versandfertigen E-Mail im eigenen Shop-Design. Hier erfährst du, wie dieser Workflow funktioniert, ohne dass fremde Designs deine Marketingentscheidungen bestimmen.
Problem und Lösung auf einen Blick
Typisches Szenario: Ein Händler entdeckt eine herausragende E-Mail, speichert den Screenshot ab und öffnet eine Woche später den Editor – nur um vor einer leeren Vorlage zu sitzen. Die Referenz zeigt zwar den gewünschten Stil, aber Layout, Produktauswahl und Markenauftritt müssen trotzdem von Grund auf neu aufgebaut werden.
So führt der direkte Weg vom gespeicherten Screenshot zur fertigen Kampagne:
- Entdecken: Lass dich im Inspirations-Feed von Entwürfen inspirieren, die zu deinem Kampagnenziel passen.
- Auswählen: Entscheide dich für eine Referenz und filtere heraus, welche Aspekte – etwa Layout, Weißraum oder Bildsprache – übernommen werden sollen.
- Anpassen: Verknüpfe Branding, Bildmaterial, Texte und Links deines Shops zu einem flexibel editierbaren E-Mail-Entwurf.
- Feinschliff: Passe den Entwurf im Detail an und teste die finale Version vor dem Live-Versand.
Das Ergebnis überzeugt sofort: Aus einer gespeicherten Inspirationskarte entsteht eine neue E-Mail mit deinen eigenen Inhalten und Markenrichtlinien. Genau dafür ist dieser Workflow gedacht.
Zuerst klären: Was verrät dir dein Moodboard wirklich?
Die Vorgabe „Baut das genau so nach“ ist selten ein tragfähiges Briefing. Ein Moodboard signalisiert vielleicht eine Vorliebe für großzügigen Weißraum, Nahaufnahmen von Produkten oder ein reduziertes Editorial-Layout. Es beantwortet jedoch nicht, welche Artikel aktuell auf Lager sind oder welche konkrete Aktion die Empfänger ausführen sollen.
| Gespeicherte Referenz | Wobei sie hilft | Was du selbst entscheiden musst |
|---|---|---|
| Kompletter E-Mail-Screenshot | Layout, visuelle Hierarchie, Abstände und CTA-Platzierung | Eigene Texte, Bildsprache, Links und konkrete Angebote |
| Produktfotos | Produktauswahl und visuelle Tonalität | E-Mail-Struktur und Kernbotschaft |
| Pinterest-Moodboard | Farbpalette, Typografie und kreative Richtung | Welche Elemente im Postfach technisch und visuell funktionieren |
| Frühere eigene Kampagne | Vertraute Markenmuster | Was sich für diesen Versand gezielt ändern soll |
Ein Beispiel: Ein Keramik-Label speichert eine E-Mail mit einem großformatigen Produktfoto und einem kurzen Text der Gründerin. Der entscheidende Impuls ist hier das Zusammenspiel von starkem Bild und persönlicher Geschichte. Für die anstehende Kampagne braucht das Label dennoch eigene Aufnahmen der Schalen, konkrete Produktdetails und den passenden Shop-Link.
In fünf Schritten von der Inspiration zur E-Mail
1. Die Aufgabe der E-Mail definieren
Bestimme genau eine Kernbotschaft: ein Produkt-Launch, ein Restock-Hinweis, eine Willkommensnachricht, ein saisonales Angebot oder eine Markengeschichte. Lege die Zielgruppe und die primäre Handlung fest, die der Leser ausführen soll.
Ein präzises Briefing schafft Klarheit:
Stelle unseren bestehenden Abonnenten die neue Serie handgetöpferter Schalen vor. Erkläre kurz, dass die Glasur bei jedem Stück ein Unikat ist. Verlinke auf die Kollektion. Keinen Rabatt erfinden.
Damit erhält das Design ein klares Ziel – und du einen Maßstab zur Beurteilung des ersten Entwurfs.
2. Eine passende Referenz auswählen
In der Migma-Galerie kannst du E-Mail-Beispiele nach Marken sowie nach Kriterien wie Designstil, Branche, Lifecycle-Phase und Saison filtern. Du kannst Favoriten speichern oder eigene Screenshots und HTML-Dateien hochladen.
Wähle eine Referenz immer aus einem konkreten, benennbaren Grund: Ein bildstarker Produkt-Launch profitiert von einem dominanten Hero-Banner. Eine persönliche Danksagung wirkt in einem schlichten, textbasierten Layout oft glaubwürdiger. Ein 10-Produkt-Raster wiederum ist die falsche Wahl, wenn der Fokus ganz auf einem einzigen handgefertigten Artikel liegen soll.
3. Festlegen, was übernommen werden soll
Definiere gegenüber Migma die gestalterischen Merkmale, auf die es dir ankommt, und trenne sie klar von der Identität der Ursprungsmarke.
Ein Beispiel für ein solches Prompting:
Übernimm aus der Referenz das große Einstiegsbild, die ruhigen Abstände und den kurzen Textabschnitt. Verwende unser Logo, unsere Markenfarben, eigene Produktfotos und unseren Text. Die zentrale Handlungsaufforderung lautet: „Neue Schalen entdecken“.
Der Screenshot-zu-E-Mail-Workflow von Migma nutzt den Screenshot als strukturelle Vorlage und generiert daraus einen Entwurf für deine eigene Marke. Betrachte das Ergebnis als intelligente Adaption – nicht als pixelgenaue 1:1-Kopie.
4. Den Entwurf aktiv und kritisch überarbeiten
Bevor du dich in Detailkorrekturen verlierst, prüfe drei grundlegende Faktoren:
- Markenauftritt: Spiegelt die E-Mail die visuelle Identität und Tonalität deines Shops wider?
- Fakten: Stimmen Produktbezeichnungen, Preise, Konditionen und Fristen?
- Handlungsaufforderung: Versteht der Leser sofort, was zu tun ist, und führt die Verlinkung zur korrekten Zielseite?
Prüfe danach die Lesereihenfolge auf mobilen Endgeräten, Alt-Texte für Bilder sowie die Lesbarkeit von Texten bei blockierter Bildanzeige. Optimiere das Layout so lange, bis Design und Aussage perfekt ineinandergreifen.
5. Die finale Versandversion testen
Eine Vorschau im Designtool ist nur ein Zwischenschritt. Versende immer eine echte Testnachricht über deine finale Versandplattform und prüfe sie auf den gängigen Geräten und Postfächern deines Teams.
Wenn du direkt über Shopify versendest, lade das fertige HTML herunter und importiere es in deinen Store. Shopify dokumentiert diesen Pfad aktuell unter Shopify Messaging → Create campaign → Code your own → Import; die importierte Datei muss im .html-Format vorliegen. Kontrolliere die importierte Variante direkt in Shopify, bevor du Zielgruppen auswählst oder den Versand startest. Ein HTML-Import ist individueller Code und wird nicht automatisch in native Drag-and-Drop-Sektionen umgewandelt. Weitere Details findest du in Shopifys Anleitung zur Kampagnenerstellung.
Beispiel-Briefing für einen Shopify-Shop
Erstelle eine editierbare Product-Launch-E-Mail für unseren Keramik-Shop auf Basis unserer freigegebenen Markenidentität. Nutze die ausgewählte E-Mail aus der Galerie ausschließlich als Referenz für das einzelne Hero-Bild, die großzügigen Abstände und den kurzen Textbereich. Binde unsere eigenen Produktfotos der neuen handgetöpferten Schalen ein. Verwende ausschließlich diese freigegebenen Angaben: [Produktdaten]. Zielgruppe sind bestehende Newsletter-Abonnenten. Hauptlink: [Kollektions-URL]. Ein klarer CTA: „Neue Schalen entdecken“. Erstelle einen Entwurf zur Prüfung. Keine Rabatte, Fristen, Kundenstimmen oder Produktdetails erfinden. Kampagne nicht versenden.
Die Angaben in eckigen Klammern stammen direkt aus deinem Shop. Die visuelle Referenz liefert das gestalterische Gerüst – dein Briefing macht daraus eine funktionierende Kampagne.
E-Mail-Inspirationen durchstöbern und eigenen Entwurf erstellen.
Häufig gestellte Fragen
Kann ich die E-Mail einer anderen Marke als Design-Inspiration nutzen?
Ja. Strukturelle Elemente wie visuelle Hierarchie, Abstände und Bildplatzierung lassen sich hervorragend analysieren und adaptieren. Für den eigentlichen Entwurf nutzt du jedoch eigenes Bildmaterial, eigene Texte, dein Branding und konkrete Angebote. Die Originalkampagnen unterliegen dem Urheberrecht der jeweiligen Marke – Referenzen dienen der Inspiration, nicht dem Kopieren.
Bleibt eine aus einer Design-Vorlage erstellte E-Mail editierbar?
In Migma lässt sich aus einem E-Mail-Screenshot ein markenkonformer Entwurf generieren, dessen Layout und Inhalte du im visuellen Editor flexibel anpassen kannst. Exportierst du den fertigen HTML-Code in ein externes E-Mail-Marketing-Tool, hängen die Bearbeitungsmöglichkeiten davon ab, wie die jeweilige Plattform benutzerdefinierten Code verarbeitet.
Wie importiere ich eine fertige HTML-E-Mail in Shopify?
Lade deine E-Mail als .html-Datei herunter und navigiere im Shopify-Adminbereich zu Shopify Messaging → Create campaign → Code your own → Import. Da importiertes HTML benutzerdefinierter Code ist und keine nativen Drag-and-Drop-Sektionen erzeugt, solltest du die E-Mail direkt in Shopify in der Vorschau prüfen und eine Test-E-Mail senden, bevor du die Kampagne einplanst.
Was sollte vor dem Versand einer aus Bild-Inspirationen erstellten E-Mail geprüft werden?
Vor dem finalen Versand empfiehlt sich die Prüfung dreier Kernbereiche:\n\n- Marke: Stimmen Visuals, Farbpalette und Tonalität mit deinem Shop überein?\n- Fakten: Sind Produktnamen, Preise, Bestände und Aktionszeiträume korrekt?\n- Handlungsaufforderung: Ist der Call-to-Action eindeutig und führt der Link zur richtigen Zielseite?
Lässt sich ein E-Mail-Moodboard direkt in eine Kampagne umwandeln?
Ein Moodboard liefert zwar die ästhetische Ausrichtung, ersetzt aber keine Produktdaten, Verkaufsargumente oder Call-to-Actions. Damit aus visueller Inspiration eine funktionierende E-Mail wird, verbindest du die Referenz mit einem präzisen Kampagnen-Briefing, freigegebenen Produktdetails, deinen Brand-Assets und einer klaren Handlungsaufforderung.