Erste Schritte

9 Artikel Manfred Von Manfred

Was sind intelligente E-Mails?

Smart Emails ist ein visueller Editor für alle 52 unterstützten Shopify-Benachrichtigungsvorlagen – darunter Bestellbestätigungen, Versandaktualisierungen, Retouren, Geschenkgutscheine, Kundenbenachrichtigungen, POS-Belege und Shopify Messaging-Automatisierungen. Wie funktioniert es? Smart Emails funktioniert in zwei Phasen: 1. Designphase — Wählen Sie eine Voreinstellung und passen Sie Farben, Schriftarten, Schaltflächen, Logo, Fußzeile, Abschnitte und Inhalte im visuellen Editor an. 2. Installationsphase – Generieren Sie Ihre Vorlagen in Smart Emails und kopieren Sie anschließend den HTML-Code der Hauptsprache in die entsprechende Shopify-Benachrichtigung. Shopify erlaubt es Apps nicht, den Hauptbenachrichtigungstext automatisch zu ersetzen. 3. Live-Phase – Nach der Installation werden viele alltägliche Einstellungen beim Versenden einer E-Mail aus den Shopify-Metafeldern gelesen. Strukturelle Änderungen erfordern weiterhin einen neuen Export. Was ist der Unterschied? - 30 professionelle Voreinstellungen – 10 Designsets mit jeweils drei aufeinander abgestimmten Farbvarianten - 52 unterstützte Shopify-Vorlagen – Transaktionsbenachrichtigungen, POS-E-Mails, Mitarbeiterbenachrichtigungen und ausgewählte Shopify Messaging-Automatisierungen - Live-Einstellungen – Farben, Schaltflächen, Fußzeile, Banner und andere Metafeld-basierte Einstellungen können aktualisiert werden, ohne den primären Vorlagencode zu ersetzen. - Automatische Übersetzung – derzeit 33 Sprachen, weitere werden laufend hinzugefügt. - Kein Code – Sie sehen weder HTML, CSS noch Liquid. Zusätzliche Sprachen werden mit Google Cloud Translation übersetzt und für jede primäre Vorlage installiert, die bereits in Shopify installiert ist.

Wie installiere ich Smart Emails?

Die Installation von Smart Emails in Ihrem Shopify-Shop dauert weniger als eine Minute. 1. Besuchen Sie den Eintrag zu „Smart Emails“ im Shopify App Store 2. Klicken Sie auf App hinzufügen 3. Bestätigen Sie die Berechtigungen auf dem Autorisierungsbildschirm 4. Sie werden zum Smart Emails-Dashboard weitergeleitet – und können loslegen || Hinweis: Smart Emails benötigt die Berechtigung, Ihre Shop-Daten (Produkte, Bestellungen, Logo) zu lesen, um im Editor realistische Vorschauen anzuzeigen. Ihre bestehenden E-Mails werden erst dann geändert, wenn Sie sie ausdrücklich exportieren.

Wie wähle ich eine Designvorlage aus?

Smart Emails bietet 30 voreingestellte Varianten – 10 professionell gestaltete Basissets mit jeweils drei aufeinander abgestimmten Farbvarianten. Die angezeigten Variantennamen hängen vom ausgewählten Basisset ab. 1. Öffnen Sie das Smart Emails-Dashboard 2. Durchstöbern Sie die Voreinstellungen – jede zeigt eine vollständige Vorschau. 3. Klicken Sie auf das, was Ihnen gefällt. 4. Wählen Sie Ihre primäre Sprache aus 5. Klicken Sie auf Bearbeitung starten Jede Voreinstellung enthält aufeinander abgestimmte Farben, Schriftarten, Schaltflächen, Abstände, Fußzeileneinstellungen und Standardabschnitte. Sie können anschließend alles anpassen – die Voreinstellung ist nur der Ausgangspunkt. || Wichtig: Durch die Anwendung einer anderen Basisvorlage werden Design und Struktur Ihrer Vorlagen verändert. Speichern Sie daher vorher eine Design-Snapshot, falls Sie zur aktuellen Version zurückkehren möchten. Strukturänderungen erfordern einen neuen Export in der primären Sprache.

Wie funktioniert der Editor?

Der Smart Emails Editor öffnet sich innerhalb von Shopify und besteht aus drei Hauptbereichen: - Einstellungsfeld – Text, Farben, Bilder, Abstände und abschnittsspezifische Optionen bearbeiten. - Canvas — Eine visuelle Live-Vorschau der aktuell ausgewählten Vorlage. - Symbolleiste — Globale Einstellungen öffnen, Vorschaubreite umschalten, Änderungen rückgängig machen oder wiederherstellen, einen Test senden und einen Export starten. Änderungen vornehmen 1. Klicken Sie auf einen beliebigen Bereich im Arbeitsbereich (rechte Seite). 2. Die Einstellungen öffnen sich links. 3. Nehmen Sie Ihre Änderungen vor – die Arbeitsfläche wird in Echtzeit aktualisiert. 4. Ihre Änderungen werden automatisch gespeichert, sobald Sie die Bearbeitung für etwa zwei Sekunden unterbrechen. Vorlagen wechseln Über die Vorlagenauswahl können Sie zwischen allen 52 unterstützten Vorlagen wechseln. Globale Designeinstellungen wie Farben, Typografie, Schaltflächen, Logo und Fußzeile werden gemeinsam genutzt. Die Abschnittsstruktur und die vorlagenspezifischen Texte können sich je nach Vorlage unterscheiden. Desktop- und Mobilvorschau Über die Desktop-/Mobil-Umschaltung können Sie verschiedene Bildschirmbreiten in der Vorschau anzeigen. Eine Test-E-Mail ist jedoch weiterhin der letzte Prüfpunkt, da Gmail, Outlook, Apple Mail und andere E-Mail-Clients unterschiedliche Rendering-Engines verwenden. Primär- und Sekundärsprachen Der Editor für die Hauptsprache enthält alle Design- und Struktursteuerungen. Editoren für die Nebensprachen konzentrieren sich auf den übersetzten Text. Designänderungen werden vom Hauptdesign übernommen, sodass alle Sprachen visuell synchronisiert bleiben. | Die automatische Speicherfunktion schützt Ihre Arbeit, allerdings wird nach dem Speichern nicht automatisch der primäre HTML-Code in Shopify ersetzt, wenn sich die Struktur geändert hat.

Brauche ich Programmierkenntnisse?

Nein. Smart Emails ist ein vollständig visueller Editor – Sie benötigen keinerlei Programmierkenntnisse. Alles wird über visuelle Steuerelemente wie Farbauswahlfelder, Dropdown-Menüs und Umschaltflächen erledigt. Für fortgeschrittene Benutzer gibt es pro Abschnitt ein optionales Feld für benutzerdefinierten Liquid-Code, um spezielle Anzeigebedingungen festzulegen. Im normalen Gebrauch müssen Sie den Code jedoch nie selbst bearbeiten.

Wo finde ich meine E-Mails in Shopify?

Hier findest du deine Shopify-Benachrichtigungs-E-Mails: 1. Gehen Sie zu Shopify-Admin → Einstellungen → Benachrichtigungen 2. Sie sehen alle Benachrichtigungsvorlagen (Auftragsbestätigung, Versandbenachrichtigung usw.) 3. Klicken Sie auf eine beliebige Vorlage, um eine Vorschau anzuzeigen oder sie zu bearbeiten Hier fügen Sie während des Exportvorgangs den HTML-Code aus Smart Emails ein.

Welche Änderungen werden sofort wirksam?

Smart Emails nutzt Shopify-Metafelder, um Änderungen ohne erneuten Export live zu schalten. Hier sehen Sie, was sofort live geht und was einen erneuten Export erfordert: Sofort (kein Re-Export) - Farben (Hintergrund, Text, Links, Schaltflächen) - Typografie (Schriftfamilie, Größen) - Schaltflächengestaltung (gefüllt, Kontur, Radius) - Header-Logo (Bild, Größe, Ausrichtung) - Fußzeilentext (Rechtliches, Urheberrecht, Social-Media-Links, Freitext) - Nachrichtenbanner (Text, Farben, Ein-/Ausschalten gemäß Vorlage) - Marketingbereiche (Rabatte, Produkte, Geschenkgutscheine) - Sprachspezifische Fußzeile, Shop-Links, Nachrichtenbanner und Marketingtexte werden in lokalisierungsspezifischen Metafeldern gespeichert. Erfordert erneuten Export - Hinzufügen oder Entfernen von Abschnitten - Änderung der Abschnittsreihenfolge - Wechsel zu einer anderen Basisvoreinstellung - Konverter-Updates, die die generierte HTML-Struktur ändern || Wichtig: Die primäre HTML-Vorlage kann nicht automatisch über die Shopify-API ersetzt werden. Wenn Smart Emails eine Benachrichtigung zum erneuten Export anzeigt, kopieren Sie den neu generierten Code der primären Sprache zu Shopify. Installierte sekundäre Sprachen können dann automatisch synchronisiert werden.

Komplette Einrichtung: Von vordefinierten zu mehrsprachigen Shopify-E-Mails

Nutzen Sie diese Checkliste bei der erstmaligen Einrichtung von Smart Emails. 1. Wählen Sie die primäre Sprache. Ihre Hauptsprache dient als Grundlage für Design, Vorlagenstruktur und automatische Übersetzungen. Wählen Sie die Sprache, in der Sie üblicherweise E-Mails schreiben und pflegen. 2. Wählen und passen Sie eine Voreinstellung an. Wählen Sie eine der 30 voreingestellten Varianten und öffnen Sie anschließend den Editor. Konfigurieren Sie die Farben, die Typografie, die Schaltflächen, das Logo, die Shop-Links, die Fußzeile und alle Marketingabschnitte. Überprüfen Sie die Struktur und den Text der Vorlagen, die Sie verwenden möchten. 3. Senden Sie eine Test-E-Mail Öffnen Sie eine Vorlage, klicken Sie auf Test senden, geben Sie eine E-Mail-Adresse ein und überprüfen Sie das Ergebnis auf Desktop- und Mobilgeräten. Testen Sie wichtige Links, Bilder, Fußzeileninhalte sowie den hellen und den dunklen Modus. 4. Generieren Sie die primären Vorlagen Klicken Sie auf Exportieren nach Shopify. Smart Emails speichert das Design und generiert den HTML-Code für jede in Ihrem Tarif verfügbare Vorlage. 5. Installieren Sie die primäre Sprache in Shopify. Gehen Sie zu Export, wählen Sie eine Vorlage aus und kopieren Sie deren Code. Öffnen Sie das von Smart Emails angezeigte Shopify-Ziel, ersetzen Sie den Benachrichtigungstext und speichern Sie die Datei. Wiederholen Sie diesen Vorgang für jede primäre Vorlage, die Sie verwenden möchten. Shopify erlaubt es einer App nicht, den primären Benachrichtigungstext automatisch zu ersetzen. Dieser Kopier- und Speichervorgang ist daher einmal pro primärer Vorlage und erneut nach strukturellen Änderungen erforderlich. 6. Fügen Sie weitere Sprachen hinzu Kehren Sie zur Smart Emails-Startseite zurück und klicken Sie auf Sprache hinzufügen. Wählen Sie die gewünschten Sprachen aus und bestätigen Sie. Smart Emails führt dann Folgendes aus: - erstellt ein sprachspezifisches Designset - kopiert das primäre Design - Übersetzt unterstützte Texte mit Google Cloud Translation - Aktiviert und veröffentlicht das Gebietsschema in Shopify - Installiert die übersetzte body_html für jede bereits installierte primäre Vorlage. Sie exportieren die Versionen in den Zweitsprachen nicht manuell. 7. E-Mail-Status prüfen Öffnen Sie E-Mail-Status, um zu überprüfen, welche primären Vorlagen und Sprachversionen vorhanden sind. Wenn eine Sprache hinzugefügt wurde, bevor eine primäre Vorlage installiert wurde, installieren Sie zuerst die primäre Vorlage und führen Sie anschließend die angebotene Synchronisierung aus. 8. Eine echte Shopify-Benachrichtigung auslösen Erstellen Sie eine Testbestellung oder lösen Sie die entsprechende Benachrichtigung aus. Dieser abschließende Test überprüft gemeinsam die Shopify Liquid-Daten, die Kundensprache, die Betreffzeile und den E-Mail-Text. || Aktuelle Einschränkung: Smart Emails installiert automatisch übersetzte E-Mail-Texte. Die Betreffzeilen von Shopify-Benachrichtigungen sind separat und werden derzeit von Smart Emails nicht übersetzt.

Wie füge ich Abschnitte hinzu, verschiebe sie und lösche sie?

Jede der 52 Vorlagen hat ihre eigene Abschnittsstruktur. Wählen Sie die Vorlage aus, die Sie ändern möchten, bevor Sie einen Abschnitt hinzufügen, verschieben oder löschen. Füge einen Abschnitt hinzu 1. Wählen Sie einen Abschnitt im Arbeitsbereich aus. 2. Klicken Sie auf das +-Steuerelement an der Stelle, an der der neue Abschnitt erscheinen soll. 3. Wählen Sie einen der für diese Vorlage verfügbaren Abschnitte aus. 4. Konfigurieren Sie Inhalt und Einstellungen im Seitenbereich. Die Liste berücksichtigt die Vorlage. Abschnitte, die für die aktuelle Shopify-Benachrichtigung nicht relevant sind, werden ausgeblendet, und Abschnitte, die nur einmal erscheinen dürfen, können nicht zweimal eingefügt werden. Verschieben Sie einen Abschnitt Wählen Sie den gewünschten Abschnitt aus und verwenden Sie die entsprechenden Steuerelemente nach oben oder unten. Smart Emails berücksichtigt die vorgegebenen Positionen. Beispielsweise bleibt die Fußzeile der letzte Abschnitt. Einen Abschnitt löschen Wählen Sie den Abschnitt aus und klicken Sie auf das zugehörige Löschsymbol. Erforderliche Abschnitte und global verwaltete Abschnitte können vor dem Löschen geschützt werden. Veröffentlichung struktureller Änderungen Hinzufügen, Löschen von Abschnitten und Ändern der Reihenfolge verändern den generierten HTML-Code. Nach einer solchen Änderung muss ein neuer Export erstellt und der primäre Template-Code in Shopify ersetzt werden. Installierte Sekundärsprachen können dann automatisch aus der aktualisierten Struktur neu generiert werden. || Die Funktion „Rückgängig“ steht Ihnen zur Verfügung, wenn Sie versehentlich einen Abschnitt entfernen oder verschieben, vorausgesetzt, Sie haben die aktuelle Editor-Sitzung nicht verlassen oder neu geladen.