Wie integriert man Klaviyo nahtlos in einen mehrsprachigen Shopify-Shop?
Philipp Scambor
Director E-Commerce & Co-Founder @ Digit-One
Klaviyo ist das E-Mail-Marketing Tool für Shopify und in wenigen Minuten mit Shopify integriert. Plug and Play. Doch diese Standardintegration über das Klaviyo Shopify Plugin berücksichtigt die Mehrsprachigkeit von Shopify nicht.
Die verschiedenen Ansätze
Mit der Installation des Klaviyo Shopify Plugins ist eine Integration von Klaviyo direkt gegeben. Es werden Kunden von Shopify nach Klaviyo synchronisiert und, wenn konfiguriert, mit einer Newsletter-Liste in Klaviyo verknüpft. Das heißt, dass neue Kunden und deren Zustimmung zum Erhalt von Marketing-E-Mails in Shopify entsprechend auch in Klaviyo aktuell sind.
Wird der Shopify-Shop um eine Sprache erweitert, gibt es prinzipiell 3 verschiedene Ansätze, dies in Klaviyo zu berücksichtigen (oder eben nicht):
- Bei der Standardintegration belassen. Damit erhalten fremdsprachige Kunden Klaviyo-E-Mails in der primären Shop-Sprache. Dies ist aus Sicht der gesamtheitlichen Benutzererfahrung nicht optimal.
- Erstellen eines Klaviyo Accounts pro Sprache. Damit können die Sprachen in Klaviyo getrennt behandelt werden. Die Integration von mehreren Klaviyo-Accounts in eine einzelne Shop-Instanz ist nicht über das Klaviyo Shopify Plugin abbildbar. Wenn pro Sprache eine eigene Shop-Instanz besteht (Shopify Expansion Stores), dann ist die Integration zwar über das Klaviyo Plugin wieder gedeckt, jedoch erhöht sich der operative Aufwand zur Verwaltung mehrerer Instanzen. Pro Sprache einen eigenen Klaviyo Account zu führen bedeutet natürlich auch, dass pro Sprache ein eigenes Klaviyo-Abo abgeschlossen werden muss.
- Automatisiertes Taggen von Shop-Kunden in einem zentralen Klaviyo-Account mit deren Sprache. In Klaviyo wird auf Basis eines Attributs oder Tags nach Sprache segmentiert, was es ermöglicht Benachrichtigungen in der passenden Sprache zu versenden. Des Weiteren kann in Klaviyo pro Sprache eine eigene Newsletter-Liste geführt werden. Die Herausforderung besteht darin die Sprache eines Kunden von Shopify nach Klaviyo zu synchronisieren. Diesen Ansatz betrachten wir nun im Detail.
Das Zielbild in Klaviyo
Wir verwenden nach wie vor das Klaviyo Shopify Plugin, um Kunden von Shopify automatisiert nach Klaviyo zu synchronisieren. Dies geschieht mit dem Plugin im Hintergrund nahezu in Echtzeit. Darüber hinaus möchten wir sicherstellen, dass
- Kunden in Klaviyo mit deren Sprache versehen sind.
- jegliche Flows und Automatisierungen in Klaviyo nach Sprache segmentiert werden können. D.h. es wird ein Welcome-Flow pro Sprache angelegt oder ein zentraler Welcome-Flow, der Mails in mehreren Sprachen senden kann. Beide Szenarien können realisiert werden, wenn Kunden im Allgemeinen nach Sprache segmentierbar sind.
- in Klaviyo pro Sprache eine eigene Newsletter-Liste existiert. Damit können die Double-Opt-In Nachricht sowie die Einstellungs- und Opt-Out-Seiten entsprechend übersetzt und natürlich Newsletter in der passenden Sprache versandt werden.
Deaktivieren der automatischen Synchronisation in eine Klaviyo-Liste
Falls die Klaviyo Shopify Integration im Moment so konfiguriert ist, dass Kunden in eine Klaviyo Newsletter-Liste importiert werden, müssen wir diese Verbindung lösen. Wir wollen dies im Folgenden manuell abbilden, um die Sprache berücksichtigen zu können. In den Shopify-Integrations-Einstellungen in Klaviyo kann diese automatische Synchronisation abgestellt werden.
Synchronisation der Sprache von Shopify nach Klaviyo
Wir verwenden im Folgenden Shopify Marketing Automatisierungen in Verbindung mit der Klaviyo API, um eine Automatisierung aufzusetzen, welche Kunden in Klaviyo mit deren Sprache versieht. Grundsätzlich können dafür auch andere Workflow-Tools verwendet werden, wobei eine Marketing-Automatisierung in diesem Kontext wohl die einfachste Lösung bietet.
Als Workflow Trigger verwenden wir dasCustomer createdEvent, welches ausgelöst wird, wenn in Shopify im System eine neue Kund:in erstellt wird. Da die Kund:innen, wie erwähnt, vom Klaviyo Plugin automatisch synchronisiert werden, muss unser Workflow lediglich die Sprache der Kund:in übertragen. Die Kommunikation mit Klaviyo findet mit einer einfachen HTTP Anfrage an deren API statt.
Über den „Create or update client profile“ Endpunkt der Klaviyo API können beliebige Attribute für ein einzelnes Profil übertragen werden. Die Dokumentation des Endpunkts führt im Detail aus, welche Daten übertragen werden können. In unserem Beispiel schreiben wir die Sprache der Kund:in in Shopify in eine neue Property, welche wir $lang nennen. Wichtig ist hier zu beachten, dass das locale-Attribut eines customer in der Form „de“ oder auch „de-AT“ oder ähnliches sein kann. In beiden Fällen entspricht „de“ dem ISO-Code der Sprache, welchen wir nach Klaviyo übertragen wollen. Der Liquid-Code customer.locale | split: "-" | first stellt dies sicher. Derselbe Effekt könnte auch mit customer.locale | slice: 0, 1 erzielt werden.
Newsletter Anmeldung
Im Grunde kann für die Newsletter-Anmeldung zwischen zwei verschiedenen Fällen unterschieden werden.
- Abbilden der Anmeldung über Shopify: Wenn ein Kunde im Checkout angibt gerne Newsletter erhalten zu wollen.
- Wenn ein Kunde ein Newsletter-Anmeldungs-Formular ausfüllt(z.B. Popups, eingebettetes Formular, etc.)
Wenn für die Newsletter-Anmeldung in der Storefront auf Klaviyo-Signup-Formulare zurückgegriffen wird (was oft der Ansatz der Wahl ist), dann sind die beiden Fälle unabhängig voneinander zu betrachten.
Synchronisation des Shopify E-Mail-Marketing Status
Da wir eingangs die Verknüpfung des Klaviyo Shopify Plugins aufgelöst haben, dass Kund:innen automatisch in einer Newsletter-Liste landen, bauen wir diesen Workflow nun ebenfalls mit Shopify Marketing Automations nach. Damit haben wir Kontrolle, die Kund:in auf Basis der Sprache in die richtige Newsletter-Liste einzufügen. Als Trigger für den Workflow dient der „Customer subscribed to email marketing“, welcher ausgelöst wird, wenn eine Kund:in beispielsweise im Checkout anwählt, den Newsletter erhalten zu wollen. Nachdem eine Kund:in in den Workflow eingetreten ist, kann mit einer Bedingung überprüft werden, ob das Attribut locale der Kund:in mit einem bestimmten Sprach-ISO-Code beginnt. Auf dieser Basis können wir jede Sprache berücksichtigen und die Kund:in über eine für die Sprache individuelle API Anfrage in Klaviyo in die passende Newsletter-Liste einfügen.
Die Klaviyo API Anfrage selbst kann ganz einfach aus deren Dokumentation genommen werden. Wichtig ist, die verpflichtenden Header einzutragen. Im Body der Anfrage verwenden wir wieder die Liquid-Syntax, um die E-Mail der Kund:in dynamisch zu setzen.
Einbetten von Klaviyo-Signup-Formularen
Für eingebettete Signup-Formulare von Klaviyo können wir deutlich einfachere Lösungen finden. Wann immer ein Formular über einen Embed-Code in der Storefront hinterlegt wird (beispielsweise klassisch über einen HTML-Block im Theme-Editor), so kann mit einer App wie Shopify Translate & Adapt dieser Code für jede Sprache individuell geändert werden („übersetzt“). Damit kann zum Beispiel für die englische Newsletter-Liste das Signup-Formular in die englische Übersetzung der Storefront hinterlegt werden.
Eine beispielhafte Segmentierung in Klaviyo
Im Folgenden ist die Klaviyo Flow Vorlage „Order Thank You“ erweitert, dass diese nur für englischsprachige Kunden greift. Damit können nun die Nachrichten im Flow in Englisch aufbereitet werden.
Fazit
Insgesamt bietet dieser Blog-Beitrag eine praktische Anleitung für die Integration von Klaviyo und Shopify, um mehrsprachige E-Mail-Marketing-Strategien erfolgreich umzusetzen. Die vorgestellte technische Lösung gibt Händlern konkrete Schritte an die Hand, um den Herausforderungen der Internationalisierung mit Shopify und Klaviyo effektiv zu begegnen und ihre Zielgruppen optimal anzusprechen.
Shopify Agentur
Du brauchst Unterstützung? Wir helfen dir gerne :)
Wir sind Shopify Experten und spezialisiert auf Shop-Migrationen, -Launches und -Optimierungen. Unser Team aus erfahrenen E-Commerce-Consultants, Designern und Entwicklern findet kreative und zielgerichtete Lösungen. Wir beraten unsere Kunden von Anfang an und begleiten sie auf dem Weg zum erfolgreichen Shop und darüber hinaus.