Jak utworzyć spersonalizowany baner na stronie

W tym artykule:

• Zrozumienie spersonalizowanych banerów na stronie
• Zaprojektuj baner
• Skonfiguruj ustawienia i kierowanie
• Doświadczenie onsite

Zrozumienie spersonalizowanych banerów na stronie

Spersonalizowane banery na stronie pozwalają witać odwiedzających wyraźnie widocznymi, dopasowanymi komunikatami bezpośrednio u góry Twojej witryny — bez konieczności użycia kodu ani ręcznej instalacji.

Ponieważ banery wykorzystują możliwości segmentów Klaviyo i dane z profilu, możesz wyjść poza ogólne ogłoszenia. Używaj banerów na stronie, aby:

• Pokazuj spersonalizowane oferty: Wyświetlaj jasne wezwania do działania (CTA) dla konkretnych promocji, aby zwiększać konwersje.
• Dodawaj ogłoszenia marketingowe: Informuj wszystkich odwiedzających o nowej wyprzedaży lub premierze produktu natychmiast po wejściu na stronę.
• Rozpoznawaj VIP-ów: Witaj najlepszych klientów po imieniu i wyświetlaj ich aktualne saldo punktów lojalnościowych, aby czuli się docenieni i gotowi do zakupów.

Zanim zaczniesz, skonfiguruj Klaviyo Customer Hub dla swojego sklepu. Potrzebujesz dostępu do płatnych funkcji oraz uprawnień do edytowania Klaviyo Customer Hubu. Banery onsite nie są dostępne w Salesforce Commerce Cloud.

Instrukcje konfiguracji Shopify znajdziesz tutaj: Pierwsze kroki z Klaviyo Customer Hub w Shopify.

Zaprojektuj baner

Aby utworzyć nowy baner na stronie, zdefiniujesz zarówno jego treść, jak i styl.

1. Przejdź do Witryna > Klaviyo Customer Hub > Projekt.
2. W sekcji Baner kliknij Utwórz baner. Jeśli zamiast tego widzisz kafelek Baner, wybierz go.

3. Jeśli edytor ma karty Treść i Styl, otwórz Treść i wpisz Nazwę banera oraz Nazwę wiadomości w sekcji Ustawienia Klaviyo. Jeśli edytor otwiera się w ustawieniach Ogólne, wpisz Nazwę banera, a następnie kliknij baner w podglądzie, aby otworzyć Wyświetlanie.

Wybierz nazwy, które możesz zachować: nie można zmienić nazw banera ani wiadomości po ich utworzeniu.

1. Wpisz swoją wiadomość i wybierz, jak kupujący mogą kliknąć baner:
   • Tekst banera: Główny komunikat Twojego banera. Możesz dodać zmienne profilu (np. imię lub saldo punktów), aby spersonalizować powitanie.
   • Typ linku banera: Wybierz Cały baner klikalny, Tylko link lub Brak linku.
   • Tekst linku: Wpisz tekst dla swojego wezwania do działania (CTA), gdy wybierzesz opcję Tylko link. To pole jest wymagane dla tej opcji.
   • Link przekierowania: Wpisz docelowy adres URL dla opcji Cały baner klikalny lub Tylko link. To pole jest wymagane dla obu opcji.
2. Otwórz Styl, aby dostosować wygląd i działanie tak, by pasowały do Twojej marki. Jeśli Twój edytor używa ustawień Ogólne, kliknij Wróć do ustawień ogólnych, aby znaleźć te ustawienia:
   • Tło banera (lub Kolor tła w sekcji Ogólne)
   • Kolor czcionki baneru i tekstu baneru (lub kolor tekstu w sekcji ogólne)
   • Kolor tekstu linku (lub kolor linku w sekcji Ogólne). Domyślnie link ma kolor Twojego tekstu i jest podkreślony.

Skonfiguruj ustawienia i kierowanie

Gdy baner będzie wyglądać tak, jak chcesz, musisz określić, jak ma się zachowywać i kto go zobaczy.

1. W ustawieniach Styl (lub Ogólne) skonfiguruj wygląd banera:
   • Pozostań przypięty: Włącz to, jeśli chcesz, aby baner pozostał przypięty u góry ekranu, gdy użytkownik przewija stronę. To jest domyślnie wyłączone.
   • Możliwość zamknięcia: Włącz tę opcję, jeśli chcesz, aby odwiedzający mogli zamknąć baner. Ta opcja jest domyślnie włączona.
2. Aby lepiej kierować baner, znajdź Widoczność na podstawie grup w sekcji Treść. Jeśli Twój edytor korzysta z ustawień Ogólne, kliknij baner w podglądzie, a następnie wybierz Kierowanie.
   • Pokaż dla: Wybierz listy lub segmenty, których klienci powinni widzieć baner.
   • Nie pokazuj dla: Wybierz listy lub segmenty do wykluczenia. Jeśli kupujący pasuje do obu grup odbiorców, zostaje wykluczony.
3. W sekcji Treść wybierz Widoczność banera. Jeśli Twój edytor korzysta z ustawień Ogólne, kliknij Wróć do ustawień ogólnych i wybierz Widoczność banera. Wybierz z:
   • Wszyscy kupujący: Wyświetl baner odwiedzającym niezależnie od tego, czy są zalogowani lub rozpoznani.
   • Tylko dla zalogowanych klientów: wyświetlaj baner tylko klientom, którzy są zalogowani.
   • Zalogowani lub rozpoznani klienci: Wyświetl baner klientom, którzy są zalogowani lub których Klaviyo rozpoznaje na podstawie wcześniejszych wizyt.
   • Ukryty: zachowaj baner jako ukryty dla kupujących.

Jeśli używasz znaczników personalizacji, wybierz Tylko zalogowani klienci lub Zalogowani lub rozpoznani klienci. Znaczniki personalizacji nie są kompatybilne z Wszyscy kupujący.

1. Sprawdź baner w podglądzie, a następnie kliknij Opublikuj. Poczekaj na potwierdzenie, że Twoje zmiany zostały zapisane.

Treść

Targetowanie

Doświadczenie onsite

Po opublikowaniu z ustawieniem widoczności innym niż Ukryty baner załaduje się u góry Twojej witryny dla odwiedzających, którzy spełniają Twoje kryteria targetowania. Może wystąpić niewielkie opóźnienie między opublikowaniem banera a jego pojawieniem się na Twojej witrynie.

Jeśli włączono ustawienie zamykania, odwiedzający mogą zamknąć baner. Klaviyo zapisze ten stan zamknięcia dla każdego użytkownika i przeglądarki, dzięki czemu nie będą wielokrotnie widzieć banera, który już zamknęli.