Personalisiertes Onsite-Banner

In diesem Artikel:

• Personalisierte Onsite-Banner verstehen
• Gestalte dein Banner
• Einstellungen und Targeting konfigurieren
• Das Onsite-Erlebnis

Personalisierte Onsite-Banner verstehen

Personalisierte Onsite-Banner ermöglichen es, Besucher*innen mit gut sichtbaren, zielgerichteten Nachrichten direkt oben auf deiner Website zu begrüßen – ganz ohne Code oder manuelle Installation.

Da Banner die Leistungsfähigkeit von Klaviyo-Segmenten und Profildaten nutzen, kannst du über generische Ankündigungen hinausgehen. Onsite-Banner verwenden, um:

• Zielgerichtete Angebote anzeigen: Zeige klare Call-to-Action (CTAs) für bestimmte Aktionen, um die Conversion zu steigern.
• Marketing-Ankündigungen erstellen: Alle Besucher*innen bei der Ankunft sofort über einen neuen Sale oder einen Produkt-Drop informieren.
• VIPs erkennen: Begrüße deine besten Kund*innen mit Namen und zeige ihren aktuellen Treuepunktestand an, damit sie sich wertgeschätzt fühlen und bereit sind, einzukaufen.

Bevor du beginnst, richte Klaviyo Customer Hub für deinen Shop ein. Du benötigst Zugriff auf die kostenpflichtigen Funktionen und die Berechtigung, Klaviyo Customer Hub zu bearbeiten. Onsite-Banner sind für Salesforce Commerce Cloud nicht verfügbar.

Anweisungen zur Einrichtung in Shopify findest du unter Erste Schritte mit dem Klaviyo Customer Hub auf Shopify.

Gestalte dein Banner

Um ein neues Onsite-Banner zu erstellen, definierst du sowohl den Inhalt als auch das Styling.

1. Navigiere zu Website > Klaviyo Customer Hub > Design.
2. Klicke im Abschnitt Banner auf Banner erstellen. Wenn du stattdessen eine Banner -Kachel siehst, wähle sie aus.

3. Wenn dein Editor die Tabs Inhalt und Stil hat, öffne Inhalt und gib unter Klaviyo-Einstellungen einen Banner-Namen und einen Nachrichtennamen ein. Wenn sich dein Editor mit den Einstellungen Allgemein öffnet, gib einen Banner-Namen ein und klicke dann im Vorschaubereich auf das Banner, um Anzeige zu öffnen.

Wähle Namen, die du beibehalten kannst: Banner- und Nachrichtennamen können nach der Erstellung nicht mehr geändert werden.

1. Gib deine Nachricht ein und wähle aus, wie Kund*innen auf das Banner klicken können:
   • Bannertext: Die Hauptbotschaft deines Banners. Du kannst Profilvariablen (wie Vorname oder Punktestand) einfügen, um die Begrüßung zu personalisieren.
   • Banner-Linktyp: Wähle Gesamtes Banner anklickbar, Nur Link oder Kein Link.
   • Linktext: Gib den Text für deinen Call-to-Action ein, wenn du Nur Link auswählst. Dieses Feld ist für diese Option erforderlich.
   • Weiterleitungslink: Gib die Ziel-URL für Gesamtes Banner anklickbar oder Nur Link ein. Dieses Feld ist für beide Optionen erforderlich.
2. Öffne Stil, um das Look-and-Feel so anzupassen, dass es zu deiner Marke passt. Wenn dein Editor Allgemeine Einstellungen verwendet, klicke auf Zurück zu den allgemeinen Einstellungen, um diese Steuerelemente zu finden:
   • Bannerhintergrund (oder Hintergrundfarbe in Allgemein)
   • Banner-Schriftart und die Farbe von Banner-Text (oder Textfarbe unter Allgemein)
   • Farbe für Linktext (oder Linkfarbe unter Allgemein). Standardmäßig verwendet der Link deine Textfarbe und ist unterstrichen.

Einstellungen und Targeting konfigurieren

Wenn dein Banner so aussieht, wie du es möchtest, musst du festlegen, wie es sich verhält und wer es sieht.

1. Konfiguriere unter Style (oder in den Allgemeinen Einstellungen) das Erscheinungsbild des Banners:
   • Fixiert anzeigen: Aktiviere diese Option, wenn das Banner beim Scrollen der Nutzer*innen oben am Bildschirm angeheftet bleiben soll. Dies ist standardmäßig deaktiviert.
   • Ausblendbar: Aktiviere diese Option, wenn du möchtest, dass Besucher*innen das Banner schließen können. Diese Option ist standardmäßig aktiviert.
2. Um das Banner noch gezielter auszurichten, suche unter Inhalt nach Gruppenbasierte Sichtbarkeit. Wenn dein Editor Allgemeine Einstellungen verwendet, klicke in der Vorschau auf das Banner und wähle dann Ausrichtung aus.
   • Anzeigen für: Wähle die Listen oder Segmente aus, deren Shopper*innen das Banner sehen sollen.
   • Nicht anzeigen für: Wähle die Listen oder Segmente aus, die ausgeschlossen werden sollen. Wenn ein*e Käufer*in zu beiden Zielgruppen passt, wird er*sie ausgeschlossen.
3. Wähle die Sichtbarkeit des Banners unter Inhalt aus. Wenn dein Editor Allgemeine Einstellungen verwendet, klicke auf Zurück zu allgemeinen Einstellungen und wähle Banner-Sichtbarkeit aus. Wähle aus:
   • Alle Shopper: Das Banner Besucher*innen anzeigen, unabhängig davon, ob sie angemeldet oder erkannt sind.
   • Nur angemeldete Kund*innen: Banner nur Kund*innen anzeigen, die angemeldet sind.
   • Angemeldete oder erkannte Käufer*innen: Zeige das Banner Käufer*innen, die angemeldet sind oder die Klaviyo von früheren Besuchen wiedererkennt.
   • Ausgeblendet: Halte das Banner für Shopper*innen ausgeblendet.

Wenn du Personalisierungs-Tags verwendest, wähle Nur angemeldete Shopper*innen oder Angemeldete oder wiedererkannte Shopper*innen. Personalisierungs-Tags sind nicht mit Alle Shopper*innen kompatibel.

1. Sieh dir dein Banner in der Vorschau an und klicke dann auf Veröffentlichen. Warte auf die Bestätigung, dass deine Änderungen gespeichert wurden.

Inhalt

Targeting

Das Onsite-Erlebnis

Sobald dein Banner mit einer anderen Sichtbarkeitseinstellung als Hidden veröffentlicht wurde, wird es oben auf deiner Website für Besucher*innen geladen, die deine Targeting-Kriterien erfüllen. Es kann eine leichte Verzögerung zwischen dem Zeitpunkt, zu dem du dein Banner veröffentlichst, und dem Zeitpunkt, zu dem es auf deiner Website angezeigt wird, geben.

Wenn du die Einstellung zum Schließen aktiviert hast, können Besucher*innen das Banner schließen. Klaviyo speichert diesen Schließstatus pro Nutzer*in und Browser, sodass ihnen ein Banner, das sie bereits geschlossen haben, nicht wiederholt angezeigt wird.