Onsite-Inhaltsblöcke zu deinem Shopify-Shop hinzufügen

Erfahre, wie du im Customer Hub einen Onsite-Inhaltsblock erstellst und ihn in deinem Shopify-Shop anzeigst. Mit Onsite-Inhaltsblöcken kannst du personalisierte Nachrichten, Werbeaktionen und Calls-to-Action direkt in deinem Shop platzieren und dabei die Targeting- und Personalisierungsfunktionen von Klaviyo nutzen.

Bevor du anfängst

Bevor du einen Onsite-Inhaltsblock erstellst, solltest du Folgendes beachten:

• Klaviyo Customer Hub ist für deinen Shop aktiviert, und dein Konto hat Zugriff auf die Personalisierungsfunktionen von Klaviyo Customer Hub.
• Du verwendest ein Shopify-Theme, das den App-Themenblock Klaviyo Content Block unterstützt.
• Wenn du Personalisierungs-Tags verwenden möchtest (z. B. den Vornamen einer*s Kund*in), ist die Sichtbarkeit deines Inhaltsblocks auf Angemeldete Kund*innen eingestellt. Der Editor verhindert, dass personalisierte Blöcke mit der Sichtbarkeit Alle Kund*innen oder Abgemeldete Kund*innen veröffentlicht werden.

Erstelle einen Onsite-Inhaltsblock

1. Navigiere in Klaviyo zu Customer Hub > Design.
2. Scrolle zum Abschnitt Onsite-Inhaltsblöcke.
3. Klicke auf Block erstellen.
4. Wähle eine der folgenden Optionen:
   • Wiederverwende eine vorhandene Schublade oder einen Onsite-Inhaltsblock: Klicke unter Deine Blöcke beim Block, den du kopieren möchtest, auf Block hinzufügen.
   • Beginne mit einer Vorlage aus der Klaviyo-Inhaltsblockbibliothek: Klicke in einer Vorlage auf Block hinzufügen.
   • Erstelle einen neuen Inhaltsblock: klicke auf Erstelle deinen eigenen.
5. Entwirf auf dem Tab Content deine Inhalte, indem du Folgendes hinzufügst:
   • Eine Überschrift in Blocküberschrift und Fließtext in Blockabsatz
   • Bilder (optional)
   • Ein Link-Ziel (optional)
   • Personalisierungs-Tags, z. B. der Vorname von Kund*innen
6. Damit der Block anklickbar ist, gib im Feld Link ein Ziel ein. Um die Gutschein-Seite von Klaviyo Customer Hub zu öffnen, gib #k-hub/coupons ein und lasse Link in einem neuen Tab öffnen deaktiviert. Lasse Link leer, wenn der Block nur Informationen anzeigen soll.
7. Gib einen Internen Namen ein. Dieser Name wird zur Identifizierung und für Übersetzungen verwendet und ist für Shopper*innen nicht sichtbar. Wähle ihn vor der Veröffentlichung aus. Du kannst ihn danach nicht mehr bearbeiten.
8. Lege Visibility fest, um auszuwählen, welche Shopper*innen den Block sehen können. Um bestimmte Listen oder Segmente anzusprechen, verwende unter Targeting Show to und Don't Show to.
9. Passe im Tab Style das Erscheinungsbild des Blocks nach Bedarf an, einschließlich Abmessungen und Stil.
10. Klicke auf Veröffentlichen.

Nach der Veröffentlichung wird die eindeutige ID des Blocks als Block-UUID auf dem Tab Inhalt angezeigt. Du verwendest diese ID, wenn du den Block zu deinem Shopify-Theme hinzufügst.

Wichtig: Wenn dein Inhalt Personalisierungs-Tag enthält, aktualisiere die Sichtbarkeit für angemeldete Käufer vor der Veröffentlichung. Die Personalisierung ist für anonyme Besucher*innen nicht verfügbar.

Inhaltsblock zu deinem Shopify-Theme hinzufügen

Sobald du deinen Inhaltsblock veröffentlicht hast:

1. Öffne in Klaviyo den Tab Inhalt des Blocks und nutze das Kopier-Steuerelement neben Block-UUID.
2. Navigiere in Shopify zu Onlineshop > Themes.
3. Klicke auf Anpassen, um den Theme Editor zu öffnen.
4. Öffne die Vorlage, in der der Inhaltsblock angezeigt werden soll (z. B. die Vorlage deiner Produktseite).
5. Klicke auf Block hinzufügen.
6. Wähle Klaviyo Content Block.
7. Füge die UUID, die du aus Klaviyo kopiert hast, in das Feld Content Block ID ein.
8. Verschiebe den Block an deine bevorzugte Position im Seitenlayout.
9. Klicke auf Speichern.

Der Inhaltsblock kann jetzt überall dort erscheinen, wo du den App-Block „Klaviyo Content Block“ platziert hast, und zwar für Kund*innen, die den Sichtbarkeits- und Targeting-Einstellungen entsprechen.

Vorschau deines Inhaltsblocks anzeigen und testen

Wenn dein Inhaltsblock für Angemeldete Käufer*innen konfiguriert ist, teste ihn in deinem Shop, während du in einem Kund*innenkonto angemeldet bist. Eine Vorschau ohne angemeldete Kund*innen-Session zeigt den Block nicht an.

So testest du Platzierung, Styling und Personalisierung:

1. Behalte die beabsichtigten Sichtbarkeits - und Targeting -Einstellungen des Blocks bei. Wenn du sie geändert hast, klicke in Klaviyo vor dem Testen auf Veröffentlichen.
2. Öffne die Storefront-Seite, auf der du den App-Block platziert hast. Wenn der Block auf Angemeldete Shopper*innen eingestellt ist, melde dich bei einem Kund*innenkonto an.
3. Bestätige die Platzierung, das Styling, den Text und das Linkziel. Wenn du das Targeting nach Listen oder Segmenten verwendest, teste es mit einer Kund*in aus der vorgesehenen Zielgruppe.
4. Wenn du Änderungen vornehmen musst, gehe zurück zu Klaviyo Customer Hub > Design, wähle den Block aus, aktualisiere ihn und klicke auf Veröffentlichen. Aktualisiere die Storefront-Seite und teste es erneut.

Hinweis: Personalisierte Blöcke können nicht mit der Sichtbarkeit Alle Shopper*innen oder Abgemeldete Shopper*innen veröffentlicht werden. Lasse beim Testen von Inhalten, die Personalisierungs-Tags verwenden, Eingeloggte Shopper*innen ausgewählt.

Beispiele für Anwendungsfälle

Onsite-Inhaltsblöcke können verwendet werden, um:

• Bewirb produktspezifische Angebote auf Produktseiten.
• Zeige exklusive Gutscheine für VIP-Kund*innen an.
• Hebe Treue- oder Prämienvorteile hervor.
• Personalisiere Werbenachrichten mithilfe von Kundenprofileigenschaften.
• Leite deine Kund*innen zum Customer Hub, um Gutscheine einzulösen oder personalisierte Angebote anzuzeigen.

So funktioniert es

Wenn Kund*innen eine Seite besuchen, die einen Klaviyo-Inhaltsblock enthält:

• Klaviyo ruft den veröffentlichten Inhalt mit der Inhaltsblock-ID ab.
• Targeting-Regeln legen fest, ob Kund*innen den Inhalt sehen sollen.
• Bei einem Block, der auf Angemeldete Käufer*innen eingestellt ist, werden Personalisierungs-Tags mithilfe des Klaviyo-Profils der*des angemeldeten Käufer*in befüllt.
• Links, die so konfiguriert sind, dass sie den Customer Hub öffnen, leiten Kund*innen direkt zum jeweiligen Erlebnis weiter, z. B. zu ihren verfügbaren Gutscheinen.

So kannst du dynamische, wiederverwendbare Werbeinhalte erstellen, ohne dein Shopify-Theme bei jeder Änderung deiner Nachrichten zu ändern.