Erste Schritte

9 Artikel

Von Manfred

9 Artikel

Von Manfred

Was ist Smart Emails?

Smart Emails ist ein visueller Editor für alle 52 unterstützten Shopify-Benachrichtigungsvorlagen – einschließlich Bestellbestätigungen, Versandupdates, Rücksendungen, Geschenkkarten, Kundenbenachrichtigungen, POS-Quittungen und Shopify-Messaging-Automatisierungen. Wie funktioniert das? Smart Emails funktioniert in zwei Phasen: 1. Designphase — Wählen Sie eine Voreinstellung und passen Sie Farben, Schriftarten, Buttons, Logo, Fuß, Abschnitte und Inhalte im visuellen Editor an. 2. Installationsphase — Erstellen Sie Ihre Vorlagen in Smart Emails und kopieren und speichern Sie dann das HTML in der primären Sprache in der entsprechenden Shopify-Benachrichtigung. Shopify erlaubt es nicht, dass Apps den primären Benachrichtigungstext automatisch ersetzen. 3. Live-Phase — Nach der Installation werden viele tägliche Einstellungen aus Shopify Metafields gelesen, wenn eine E-Mail gesendet wird. Strukturelle Änderungen erfordern weiterhin einen neuen Export. Was macht es anders? - 30 professionelle Presets — 10 Designsets mit jeweils drei abgestimmten Farbvarianten - 52 unterstützten Shopify-Vorlagen – transaktionale Benachrichtigungen, POS-E-Mails, Mitarbeiterbenachrichtigungen und ausgewählte Shopify-Messaging-Automatisierungen - Live-Einstellungen — Farben, Buttons, Fuß, Banner und andere metafeldbasierte Einstellungen können aktualisiert werden, ohne den primären Vorlagencode zu ersetzen - Auto-Übersetzung – wählen Sie aus 33 unterstützten Sprachen und verwenden Sie bis zu 20 E-Mail-Sprachen in einem Shop-Designset - Kein Code – man sieht nie HTML, CSS oder Liquid Zusätzliche Sprachen werden mit Google Cloud Translation übersetzt. Smart Emails kann automatisch lokalisierte Bodies für die 44 Benachrichtigungsvorlagen, die Shopify zur Übersetzung offenstellt, installieren, wenn deren Hauptvorlagen bereits installiert sind.

Wie installiere ich Smart Emails?

Die Installation von Smart Emails in Ihrem Shopify-Shop dauert weniger als eine Minute. 1. Besuchen Sie den Smart Emails-Eintrag im Shopify App Store. 2. Wählen Sie App hinzufügen. 3. Überprüfen und genehmigen Sie die angeforderten Genehmigungen. 4. Shopify öffnet das Smart Emails-Dashboard. Hinweis: Smart Emails benötigt eine Berechtigung, um relevante Shop-Daten, einschließlich Produkte, Bestellungen und Branding, zu lesen, um realistische Vorschauen zu erstellen. Das Erstellen eines Exports ersetzt nicht automatisch eine primäre Shopify-Benachrichtigung. Du entscheidest, welche primären Vorlagen installiert werden.

Wie wähle ich ein Design-Preset aus?

Smart Emails wird mit 30 voreingestellten Varianten geliefert – 10 professionell gestaltete Basissets, jeweils mit drei abgestimmten Farbvarianten. Die angezeigten Variationsnamen hängen vom gewählten Basisset ab. 1. Öffnen Sie das Smart Emails-Dashboard. 2. Durchstöbern Sie die Presets. Jedes Preset zeigt eine vollständige Vorschau. 3. Wähle das Preset, das du verwenden möchtest. 4. Wählen Sie Ihre Hauptsprache. 5. Fang an zu bearbeiten. Jedes Preset enthält koordinierte Farben, Schriftarten, Buttons, Abstand, Fußzeileneinstellungen und Abschnittsstandardeinstellungen. Du kannst danach alles anpassen – das Preset ist nur der Ausgangspunkt. Wichtig: Das Anlegen eines weiteren Basis-Presets ändert das Design und die Struktur, die von deinen Vorlagen verwendet werden. Speichere zuerst einen Design-Snapshot, wenn du zur aktuellen Version zurückgehen möchtest. Strukturelle Änderungen erfordern einen frischen Export in der Primärsprache.

Wie funktioniert der Editor?

Der Smart Emails-Editor öffnet sich in Shopify und hat drei Hauptbereiche: - Einstellungspanel — Text, Farben, Bilder, Abstände und abschnittsspezifische Optionen bearbeiten. - Leinwand — Eine Live-Vorschau der aktuell ausgewählten Vorlage. - Werkzeugleiste — Globale Einstellungen öffnen, Vorschaubreite ändern, Änderungen rückgängig machen oder neu machen, einen Test senden und einen Export starten. Veränderungen vornehmen 1. Wähle einen Abschnitt in der Leinwand aus. 2. Die passenden Steuerungen öffnen sich im Einstellungspanel. 3. Mach deine Änderungen. Die Leinwand aktualisiert sich sofort. 4. Warte, bis der Speicherindikator fertig ist, bevor du den Editor verlässt. Umschaltvorlagen Verwenden Sie den Template-Picker, um zwischen allen 52 unterstützten Vorlagen zu wechseln. Globale Designeinstellungen wie Farben, Typografie, Buttons, Logo und Fußzeile werden geteilt. Die Abschnittsstruktur und der vorlagenspezifische Text können je nach Vorlage unterschiedlich sein. Desktop- und Mobilvorschau Verwenden Sie den Desktop/Mobil-Umschalter, um verschiedene Breiten vorzuschauen. Eine echte Test-E-Mail bleibt die letzte Kontrolle, da Gmail, Outlook, Apple Mail und andere E-Mail-Clients unterschiedliche Rendering-Engines verwenden. Primär- und Sekundärsprachen Der Primärsprachen-Editor enthält die vollständigen Design- und Struktursteuerungen. Sekundärsprachen-Editoren konzentrieren sich auf übersetzten Text. Designänderungen werden vom Primärdesign übernommen, sodass alle Sprachen visuell synchron bleiben. Wichtig: Auto-Save schützt dein Werk, aber ein abgeschlossener Speicherstand ersetzt nicht automatisch das primäre HTML, das in Shopify gespeichert ist, wenn sich die Struktur geändert hat.

Brauche ich Programmierkenntnisse?

Nein. Smart Emails ist ein vollständig visueller Editor – du brauchst kein Programmierwissen. Alles wird über visuelle Steuerungen wie Farbwähler, Dropdowns und Schalter erledigt. Für fortgeschrittene Nutzer gibt es pro Abschnitt ein optionales benutzerdefiniertes Liquid-Codefeld für spezielle Anzeigebedingungen. Für den normalen Gebrauch muss man jedoch nie den Code anfassen.

Wo finde ich meine E-Mails in Shopify?

Ihre Shopify-Benachrichtigungs-E-Mails finden Sie hier: 1. Öffnen Sie Shopify Admin → Einstellungen → Benachrichtigungen. 2. Finde die Benachrichtigung, die du installieren möchtest, wie zum Beispiel eine Bestellbestätigung oder ein Versandupdate. 3. Öffnen Sie die Benachrichtigung, um den E-Mail-Text vorzuschauen oder zu bearbeiten. Hier fügst du während des Exportvorgangs den HTML-Code aus Smart Emails ein.

Welche Änderungen gehen sofort in Betrieb?

Smart Emails verwendet Shopify Metafields für unterstützte Live-Einstellungen. Diese Werte werden gelesen, wenn Shopify eine E-Mail erstellt. Strukturelle Änderungen bleiben Teil des installierten HTML und erfordern einen neuen Export. Sofort (kein Re-Export) - Farben (Hintergrund, Text, Links, Buttons) - Typografie (Schriftfamilie, Größen) - Button-Styling (gefüllt, Umriss, Radius) - Header-Logo (Bild, Größe, Ausrichtung) - Footertext (rechtlich, urheberrechtlich, soziale Links, Freitext) - Nachrichtenbanner (Text, Farben, An/Aus pro Vorlage) - Unterstützte Marketing-Inhalte und Sichtbarkeit, einschließlich Rabatte, Produkte, Geschenkkarten und Nachbestell-Einstellungen - Footer pro Sprache, Shop-Links, Nachrichtenbanner und Marketingtext, der in ortsspezifischen Metafeldern gespeichert ist Erfordert Wiederexport - Hinzufügen oder Entfernen von Abschnitten - Wechselnde Abschnittsreihenfolge - Wechsel zu einem anderen Basis-Preset - Konverter-Updates, die die generierte HTML-Struktur ändern Wichtig: Das HTML der primären Vorlage kann nicht automatisch über die API von Shopify ersetzt werden. Wenn Smart Emails eine Benachrichtigung zum erneuten Export zeigt, kopieren Sie den neu generierten Code in der Hauptsprache nach Shopify. Unterstützte installierte Sekundärsprachen-Body können dann automatisch synchronisiert werden.

Komplette Einrichtung: Von voreingestellten bis zu mehrsprachigen Shopify-E-Mails

Verwenden Sie diese Checkliste, wenn Sie zum ersten Mal Smart Emails einrichten. 1. Wähle die Hauptsprache Ihre Hauptsprache ist die Quelle für Design, Vorlagenstruktur und automatische Übersetzungen. Wählen Sie die Sprache, in der Sie normalerweise schreiben, und pflegen Sie den E-Mail-Inhalt. 2. Wähle und passe ein Preset an Wählen Sie eine der 30 voreingestellten Varianten aus und öffnen Sie dann den Editor. Konfigurieren Sie globale Farben, Typografie, Buttons, Logo, Shop-Links, Fuß und alle Marketingbereiche. Überprüfen Sie die individuelle Struktur und den Text der Vorlagen, die Sie verwenden möchten. 3. Eine Test-E-Mail senden Öffnen Sie eine Vorlage und wählen Sie Test-E-Mail in der Symbolleiste. Geben Sie eine E-Mail-Adresse ein, senden Sie die Nachricht und prüfen Sie das Ergebnis auf Desktop und Mobilgerät. Testen Sie wichtige Links, Bilder, Footer-Inhalte sowie den Hell- und Dunkelmodus. 4. Generiere die primären Vorlagen Klicken Sie auf Zu Shopify exportieren. Smart Emails speichert das Design und generiert das HTML für jede Vorlage, die in Ihrem Tarif verfügbar ist. 5. Installieren Sie die Hauptsprache in Shopify Gehe zu Exports, wähle eine Vorlage aus und kopiere deren Code. Öffne das Shopify-Ziel, das von Smart Emails angezeigt wird, ersetze den Benachrichtigungstext und speichere es. Wiederhole dies für jede primäre Vorlage, die du verwenden möchtest. Shopify erlaubt es einer App nicht, den primären Benachrichtigungskörper automatisch zu ersetzen. Dieser Kopier-und-Speicher-Schritt ist daher einmal pro primärer Vorlage und erneut nach strukturellen Änderungen erforderlich. 6. Hinzufügen von Sekundärsprachen Kehren Sie zur Startseite von Smart Emails zurück und klicken Sie auf Sprache hinzufügen. Wählen Sie die erforderlichen Sprachen aus und bestätigen Sie. Smart Emails dann: - erstellt ein sprachspezifisches Designset - Kopien des Primärdesigns - übersetzt unterstützten Text mit Google Cloud Translation - ermöglicht und veröffentlicht die Website in Shopify - installiert das übersetzte body_html für jede bereits unterstützte, übersetzbare primäre Vorlage Sie exportieren die Versionen der Sekundärsprache nicht manuell. Smart Emails bietet 33 Benutzeroberflächen- und E-Mail-Inhaltssprachen an. Ein Shop kann bis zu 20 E-Mail-Sprachen in einem Designset speichern, einschließlich seiner Hauptsprache. Fügen Sie nur die Sprachen hinzu, die der Shop tatsächlich verwendet. 7. Überprüfen Sie den E-Mail-Status Ö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 dann die angebotene Synchronisation aus. 8. Eine echte Shopify-Benachrichtigung auslösen Erstellen Sie eine Testanordnung oder lösen Sie die entsprechende Benachrichtigung aus. Dieser letzte Test überprüft Shopify Liquid Daten, die Sprachauswahl des Kunden, die Betreffzeile und den E-Mail-Text zusammen. Aktuelle Beschränkung: Smart Emails installiert automatisch übersetzte E-Mail-Texte für die 44 Benachrichtigungsvorlagen, die Shopify für die Übersetzung offenstellt. Die Betreffzeilen der Shopify-Benachrichtigungen sind getrennt und werden derzeit nicht von Smart Emails ü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ügen Sie einen Abschnitt hinzu 1. Wähle einen Abschnitt in der Leinwand aus. 2. Klicken Sie auf die +-Steuerung an der Stelle, an der der neue Abschnitt erscheinen sollte. 3. Wähle einen der verfügbaren Abschnitte für diese Vorlage. 4. Konfigurieren Sie Inhalte und Einstellungen im Einstellungspanel. Die Liste ist template-bewusst. Abschnitte, die für die aktuelle Shopify-Benachrichtigung keinen Sinn ergeben, sind ausgeblendet, und Abschnitte, die nur einmal erscheinen, können nicht zweimal eingefügt werden. Verschiebe einen Abschnitt Wählen Sie den Abschnitt aus und verwenden Sie die Auf- oder Abwärtssteuerungen. Smart Emails respektiert die erforderlichen Positionen. Zum Beispiel bleibt der Fuß der letzte Abschnitt. Einen Abschnitt löschen Wählen Sie den Abschnitt aus und klicken Sie auf seine Löschkontrolle. Erforderliche Abschnitte und global verwaltete Abschnitte können vor Löschung geschützt werden. Veröffentlichung struktureller Veränderungen Abschnittszufügungen, Löschungen und Reihenfolgeänderungen verändern das generierte HTML. Nachdem eine dieser Änderungen vorgenommen wurde, generiere einen neuen Export und ersetze den primären Vorlagencode in Shopify. Installierte Sekundärsprachen können dann automatisch aus der aktualisierten Struktur neu generiert werden. Tipp: Rückgängig machen ist möglich, wenn du einen Abschnitt versehentlich entfernst oder verschiebst, vorausgesetzt, du hast die aktuelle Editor-Session nicht verlassen oder neu geladen.