Jak wyświetlać przyciski ulubionych w witrynie i w Klaviyo Customer Hub

Czego się dowiesz?

Dowiedz się, jak umożliwić kupującym zapisywanie ulubionych produktów w witrynie. Dodając przyciski ulubionych obok produktów, możesz wyświetlać zapisane przez kupujących produkty w wysuwanym panelu Klaviyo Customer Hub i wysyłać sekwencje follow-up, aby zwiększać konwersje.

Klaviyo Customer Hub dla Shopify obsługuje obecnie standardowe witryny sklepowe oraz Shopify Headless. W przypadku WooCommerce przejdź do https://help.klaviyo.com/hc/es-es/articles/47792369863451

Aby przekazać opinię na temat funkcjonalności Klaviyo Customer Hub, wyślij e-mail na adres [e-mail].

Kilka słów na początek

Ten przewodnik opisuje, jak włączyć ustawienie Ulubione w ustawieniach Klaviyo Customer Hub w Klaviyo oraz dodać przyciski ulubionych na różnych stronach witryny. Zanim przejdziesz dalej, upewnij się, że funkcja Klaviyo Customer Hub jest włączona w Klaviyo.

Dowiedz się więcej o Klaviyo Customer Hub.

Informacje o ulubionych

Przyciski Ulubione pozwalają kupującym zapisywać produkty, którymi są zainteresowani. Ulubione produkty kupującego są wyświetlane w wysuwanym panelu Klaviyo Customer Hub i mogą być używane w sekwencjach, aby zwiększać dodatkowe konwersje.

Gdy aktywujesz funkcje Ulubione w ustawieniach Klaviyo Customer Hub w Klaviyo, w interfejsie Klaviyo Customer Hub pojawi się przycisk Ulubione przy wszystkich produktach. Gdy kupujący kliknie ten przycisk, produkt zostaje dodany do sekcji Ulubione i zapisany w jego profilu Klaviyo.

Aby zwiększyć ich widoczność i zachęcić do używania, możesz też dodać przyciski ulubionych do:

• Strony szczegółów produktu
• Strony kolekcji (nazywane też „stronami listy produktów”)

Elementy dodane do ulubionych na dowolnej z tych stron są też zapisywane w sekcji Ulubione w wysuwanym panelu Klaviyo Customer Hub. Pamiętaj, że każdy odwiedzający może dodawać produkty do listy ulubionych, niezależnie od tego, czy jest zalogowany na konto klienta. Gdy się zaloguje, wszystkie zapisane ulubione zsynchronizują się z jego profilem w Klaviyo.

Włącz ulubione, aby wyświetlały się w Klaviyo Customer Hub

Aby wyświetlić ulubione w szufladzie Klaviyo Customer Hub, musisz najpierw włączyć ustawienie Ulubione w Klaviyo.

Pamiętaj, że jeśli Klaviyo Customer Hub jest ustawiony jako aktywny, zapisanie tej zmiany spowoduje jej opublikowanie w Twojej witrynie. Jeśli nie, musisz ustawić Klaviyo Customer Hub jako aktywny w menu ustawień Ogólne, aby zobaczyć tę zmianę.

1. W głównym menu nawigacji po lewej stronie w Klaviyo wybierz Service - Klaviyo Customer Hub.
2. Kliknij kartę Rozszerzenia .
3. W sekcji Favorites zaznacz pole, aby włączyć ulubione.
   
4. W menu rozwijanym Wybierz ikonę wybierz, jaki typ ikony ulubionych ma być wyświetlany pod produktami (np. serce lub znak plus).
   
   • Domyślnie podgląd pokazuje niewybraną (tzn. nienależącą do ulubionych) wersję ikony. Kliknij ikonę w podglądzie, aby zobaczyć, jak zmienia się na stan ulubiony.
5. Kliknij Zapisz.

Przycisk Ulubione będzie teraz wyświetlać się pod każdym produktem prezentowanym w interfejsie Klaviyo Customer Hub. Kliknięcie go dodaje element do sekcji Ulubione.

Przejdź do następnej sekcji, aby uzyskać wskazówki dotyczące dodawania przycisków ulubionych na stronach szczegółów produktu.

Zaimportuj istniejące listy życzeń do Klaviyo Customer Hub

Jeśli przechodzisz na Klaviyo Customer Hub z innej aplikacji listy życzeń, możesz bezproblemowo przenieść zapisane pozycje klientów dzięki migracji danych z relatywnie niewielką utratą danych. Klaviyo oferuje standardową organizację pracy do importowania historycznych danych o ulubionych produktach i listach życzeń, dzięki czemu kupujący nie stracą zapisanych produktów.

Importy natywnych aplikacji

Klaviyo zapewnia natywne, gotowe do użycia wsparcie dla importowania danych bezpośrednio z popularnych aplikacji listy życzeń, w tym:

• Swym
• Wishlist King

Importuj z pliku CSV

Jeśli migrujesz z innego dostawcy list życzeń, możesz zaimportować dane bezpośrednio w Klaviyo. Przejdź do ustawień ulubionych Klaviyo Customer Hub i upuść plik CSV w obszarze przesyłania — bez konieczności używania szablonu. Importer automatycznie rozpozna format pliku i odpowiednio zmapuje dane, aby wypełnić profile Klaviyo Customer Hub Twoich kupujących.

Dodaj przyciski ulubionych do stron szczegółów produktu

Zwiększ znacząco zaangażowanie, dodając przyciski „dodaj do ulubionych” na stronach szczegółów produktu.

Jeśli używasz starszego motywu Shopify lub niestandardowej konfiguracji, która nie obsługuje bloków aplikacji, zobacz nasze instrukcje ręcznej instalacji przycisku ulubionych.

1. W ustawieniu Ulubione w Klaviyo wybierz Dodaj blok aplikacji.
2. Spowoduje to uruchomienie edytora motywu Shopify w nowym oknie i wyświetlenie okna modalnego z informacją, że blok aplikacji Klaviyo Favorites został dodany do domyślnego szablonu strony produktu. Kliknij Rozumiem.
   
3. Kliknij i przeciągnij aplikację, aby w razie potrzeby dostosować jej położenie na stronie szczegółów produktu.
4. Gdy wszystko będzie gotowe, kliknij Zapisz, aby zapisać zmiany w Shopify. W tym momencie przyciski ulubionych będą wyświetlane pod produktami na stronach produktów.
5. Opcjonalnie: Aby zastosować dodatkową stylizację, przejdź z powrotem do Klaviyo. Za pomocą listy rozwijanej Styl bloku aplikacji możesz dostosować wygląd przycisku ulubionych na stronach produktów. Wybierz jedną z opcji:
   
   • Dziedzicz, aby zsynchronizować style przycisków w witrynie (domyślnie).
   • Niestandardowe, aby wybrać określoną czcionkę przycisku i kolor tekstu.
   
6. Zapisz wszelkie zmiany.

Wróć do swojej witryny. Przy produktach na stronach szczegółów produktu powinny pojawić się przyciski dodawania do ulubionych.

Następnie przejdź dalej do sekcji Dodawanie przycisków ulubionych na stronach kolekcji.

Ręcznie zainstaluj przyciski dodawania do ulubionych (motywy vintage lub konfiguracja niestandardowa)

Jeśli używasz motywu Shopify w stylu vintage lub niestandardowej konfiguracji, która nie obsługuje bloków aplikacji, może być konieczne ręczne zainstalowanie aplikacji Klaviyo Wishlist na stronach, na których chcesz umożliwić działania dodawania do ulubionych (np. na stronach produktów).

Aby to zrobić:

1. Otwórz panel administracyjny sklepu Shopify.
2. W obszarze kanały sprzedaży wybierz Sklep online.
3. Kliknij menu trzech kropek w bieżącym motywie, a następnie wybierz Edytuj kod. Jeśli wolisz przetestować to na wersji roboczej motywu, najpierw zduplikuj bieżący motyw, a następnie edytuj kod zduplikowanego motywu.
   
4. Znajdź plik dla strony ze szczegółami produktu. Zależy to od motywu, ale zwykle ma w nazwie słowo „product”. Na przykład w motywie Dawn nazywa się on „main-product.liquid”.
5. Wklej poniższy wycinek kodu źródłowego w miejscu, w którym ma się pojawić przycisk ulubionych: <div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}"></div>
6. Kliknij Zapisz.
7. Kliknij Podgląd sklepu.
8. Przejdź do strony produktu w podglądzie sklepu. Dodany przycisk ulubionych powinien być widoczny w wyznaczonym miejscu.

Dodaj przyciski ulubionych do stron swoich kolekcji

Zainstaluj w swojej witrynie Shopify niewielki fragment kodu, aby dodać przyciski Ulubione do stron kolekcji, tak aby kupujący mogli szybko zapisywać produkty podczas przeglądania oferty. Jest to szczególnie przydatne dla klientów kupujących na urządzeniach mobilnych.

Aby to zrobić:

1. Otwórz panel administracyjny sklepu Shopify.
2. W obszarze kanały sprzedaży wybierz Sklep online.
3. Obok bieżącego motywu kliknij menu z trzema kropkami, a następnie wybierz Edytuj kod.
   
   • Jeśli chcesz przetestować na wersji roboczej motywu, najpierw zduplikuj bieżący motyw, a następnie edytuj kod w zduplikowanym motywie.
4. Na pasku bocznym po lewej stronie wyszukaj i otwórz plik kolekcji. W tym przykładzie użyjemy pliku featured-collections.liquid, jednak w Twoim motywie może być używany inny plik.
   
5. W pliku kolekcji użyj skrótu wyszukiwania (Command+F na Macu lub Control+F w systemie Windows), aby wyszukać w pliku słowo „render”. Dzięki temu możesz zidentyfikować nazwę fragmentu kodu zawierającego siatkę produktów.
   
   • Fragment kodu prawdopodobnie pojawi się w formacie podobnym do: {% render 'snippet-name'%}, gdzie „snippet-name” to nazwa odpowiedniego pliku fragmentu kodu (np. card-product).
   
6. Na lewym pasku bocznym wyszukaj i otwórz plik snippetu wskazany w poprzednim kroku (np. card-product.liquid).
7. Na górze tego pliku zwróć uwagę na wartość obiektu wymienioną w sekcji „Accepts” (np. „card_product”).
   
8. Skopiuj poniższy kod i wklej go do pliku fragmentu kodu:
   
   • Wskazówka: Znajdź pierwsze wystąpienie renderowania ceny w pliku i wklej kod powyżej. <div     class="klaviyo-favorites-plp-slot"    data-product-id="{{ OBJECT.id }}"    data-product-url="{{ OBJECT.url }}"    data-variant-id="{{OBJECT.selected_or_first_available_variant.id}}"   ></div>
9. W kodzie, który został wklejony, zastąp OBJECT wartością obiektu, którą zanotowano wcześniej.
   
   • Na przykład jeśli wartością obiektu w pliku jest „card_product”, kod będzie wyglądać tak po wklejeniu do pliku powyżej ceny.
   
10. Kliknij Zapisz w Shopify.
11. Przejdź do strony kolekcji w witrynie i odśwież ją.

Powinny się teraz pojawić przyciski dodawania do ulubionych przy każdym produkcie. Pamiętaj, że ich wczytanie może potrwać kilka sekund. Domyślnie są one umieszczone w prawym górnym rogu. Jeśli chcesz zmienić ich położenie, skonsultuj się z deweloperem w sprawie pomocy z niestandardowym CSS.

Jeśli przyciski Ulubione nadal się nie pojawiły, wypróbuj te kroki rozwiązywania problemów:

• Potwierdź, że w wycinek kodu źródłowego zastąpiono OBJECT wartością obiektu pliku.
• Spróbuj wkleić kod w innym miejscu w pliku.
• Sprawdź, czy kod został wklejony w prawidłowym pliku fragmentu kodu.

Jeśli nadal się nie pojawiają, poproś o pomoc dewelopera. Zespół wsparcia Klaviyo nie może bezpośrednio edytować plików motywu.

Kolejne kroki

Po dodaniu przycisków dodawania do ulubionych w witrynie skonfiguruj sekwencję przypomnień o ulubionych, aby zwiększać konwersję, przypominając kupującym o ostatnio zapisanych produktach.