Jak wyświetlać przyciski ulubionych na Twojej stronie i w Klaviyo Customer Hub?

Czego się dowiesz

Dowiedz się, jak umożliwić kupującym zapisywanie ulubionych pozycji w Twojej witrynie. Dodając przyciski ulubionych obok swoich produktów, możesz wyświetlać zapisane przez kupujących przedmioty w szufladzie Klaviyo Customer Hub i wysyłać sekwencje kontrolne, aby zwiększyć konwersję.

Zanim zaczniesz

W tym przewodniku opisano, jak włączyć ustawienie Ulubione w ustawieniach Klaviyo Customer Hub na stronie Klaviyo i dodać przyciski ulubionych na różnych stronach Twojej witryny. Przed kontynuowaniem upewnij się, że funkcja Klaviyo Customer Hub jest włączona w Klaviyo.

Dowiedz się więcej o Klaviyo Customer Hub.

O ulubionych

Przyciski ulubionych pozwalają kupującym zapisywać produkty, którymi są zainteresowani. Ulubione elementy kupującego są wyświetlane w szufladzie Klaviyo Customer Hub i mogą być wykorzystywane w sekwencji do kierowania dodatkowych konwersji.

Gdy aktywujesz funkcję Ulubione w ustawieniach Klaviyo Customer Hub, pojawi się przycisk ulubionych ze wszystkimi produktami wyświetlanymi w interfejsie Klaviyo Customer Hub. Gdy kupujący kliknie ten przycisk, produkt zostanie dodany do sekcji Ulubione i zapisany w profilu Klaviyo.

Aby zwiększyć ich widoczność i zachęcić do korzystania z nich, możesz również dodać przyciski ulubionych:

• Strony szczegółów produktu
• Strony kolekcji (zwane również "stronami z listą produktów") 

Pozycje ulubione z jednej z tych stron są również zapisywane w sekcji Ulubione w szufladzie Klaviyo Customer Hub. Pamiętaj, że każdy odwiedzający może dodać produkty do listy ulubionych, niezależnie od tego, czy jest zalogowany do konta klienta. Gdy zalogują się, wszystkie zapisane przez nich ulubione zostaną zsynchronizowane z ich profilem Klaviyo.

włącz ulubione do wyświetlania w szufladzie Klaviyo Customer Hub

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

1. W głównej nawigacji po lewej stronie Klaviyowybierz Klaviyo Customer Hub.
2. Proszę kliknąć Ustawienia.
3. Proszę wybrać kartę Rozszerzenia.
4. W sekcji Ulubione zaznacz pole wyboru, aby włączyć ulubione.
   
5. W rozwijanym menu Wybierz ikonę wybierz typ ikony ulubionych, która ma być wyświetlana pod Twoimi produktami (np. serce lub znak plus). 
   • Domyślnie podgląd pokazuje niewybraną (tj. nieuprzywilejowaną) wersję ikony. Kliknij ikonę w podglądzie, aby zobaczyć, jak zmienia się ona w stan ulubiony.
6. Kliknij Zapisz.

Przycisk ulubionych pojawi się teraz pod każdym produktem prezentowanym w interfejsie Klaviyo Customer Hub. Kliknięcie go powoduje dodanie elementu do sekcji Ulubione.

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

Dodaj przyciski ulubionych do stron szczegółów produktu

Pozwól kupującym polubić konkretne produkty, które sprawdzają, dodając przyciski ulubionych pod produktami na stronach szczegółów produktu. 

1. W ustawieniach Ulubionych w Klaviyo wybierz opcję Dodaj blok aplikacji. 
2. Spowoduje to uruchomienie edytora szablonów Shopify w nowym oknie i wyświetlenie okna modalnego wskazującego, że blok aplikacji Klaviyo Favorites został dodany do domyślnego szablonu strony produktu. Kliknij Gotowe.
   
3. Kliknij i przeciągnij aplikację, aby dostosować jej położenie na stronie szczegółów produktu zgodnie z potrzebami. 
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 uzyskać dodatkową stylizację, przejdź powrót do Klaviyo. Korzystając z rozwijanego menu stylu App Blok, możesz dostosować wygląd przycisku ulubionych na stronach produktów. Wybierz jedną z opcji:
   • Odziedzicz, aby zsynchronizować style przycisków witryny (domyślnie).
   • Niestandardowe, aby wybrać określoną czcionkę przycisku i kolor tekstu.
     
6. Zapisz wszelkie zmiany.

Przejdź powrót do swojej witryny. Pod produktami na stronach ze szczegółami produktów powinny pojawić się przyciski ulubionych.

Następnie przejdź do sekcji Dodawanie przycisków ulubionych do stron kolekcji. 

Ręcznie zainstaluj ulubione przyciski (motywy vintage lub niestandardowa konfiguracja)

Jeśli korzystasz z motywu vintage Shopify lub niestandardowej konfiguracji, która nie obsługuje bloku aplikacji pomoc, może być konieczne ręczne zainstalowanie aplikacji Klaviyo Wishlist na stronach, na których chcesz wykonywać akcje faworyzowania (np. na stronach produktów).

Aby to zrobić:

1. Otwórz swój Shopify sklep administratora.
2. W sekcji kanał sprzedaży wybierz sklep internetowy.
3. Kliknij menu z trzema kropkami w bieżącym motywie, a następnie wybierz opcję Edytuj kod. Jeśli wolisz przetestować go na wersji roboczej motywu, najpierw zduplikuj bieżący motyw, a następnie edytuj kod zduplikowanego motywu.
   
4. Znajdź plik strony szczegółów produktu. Różnią się one w zależności od tematu, ale zazwyczaj zawierają w nazwie słowo "produkt". Na przykład w motywie Dawn jest to "main-product.liquid".
5. Wklej poniższy wycinek kodu źródłowego wszędzie tam, gdzie chcesz, aby pojawił się przycisk ulubionych:
   <div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}" ></div>
6. Kliknij Zapisz.
7. Kliknij przycisk 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 mały fragment kodu na swojej stronie Shopify, aby dodać przyciski ulubionych do stron kolekcji, dzięki czemu kupujący będą mogli szybko zapisywać elementy podczas przeglądania Twoich produktów. Jest to szczególnie przydatne dla kupujących na urządzeniach mobilnych.

Aby to zrobić:

1. Otwórz swój Shopify sklep administratora.
2. W sekcji kanał sprzedaży wybierz sklep internetowy.
3. Obok bieżącego motywu kliknij menu z trzema kropkami, a następnie wybierz opcję Edytuj kod. 
   • Jeśli chcesz przetestować wersję roboczą 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 twój motyw może używać innego pliku.
   
5. W pliku kolekcji użyj skrótu wyszukiwania (Command+F na Macu lub Control+F w Windows), aby wyszukać słowo "render" w pliku. Pomaga to zidentyfikować nazwę snippetu zawierającego siatkę produktów.
   • Snippet prawdopodobnie pojawi się w formacie podobnym do: {% render 'snippet-name'%}, gdzie "snippet-name" to nazwa odpowiedniego pliku snippetu (np. card-product).
     
6. Na lewym pasku bocznym wyszukaj i otwórz plik snippetu zidentyfikowany w poprzednim kroku (np. card-product.liquid).
7. W górnej części tego pliku zwróć uwagę na wartość obiektu wymienioną w sekcji "Accepts" (np. "card_product").
   
8. Skopiuj poniższy kod i wklej go do pliku snippetu:
   • Wskazówka: Poszukaj pierwszego wystąpienia renderowania ceny w pliku i wklej kod nad nim.
     <div

    class="Klaviyo-favorites-plp-slot"

   dane-product-id="{{ OBJECT.id }}"

   dane-product-url="{{ OBJECT.url }}"

   dane-wariant-id="{{OBJECT.selected_or_first_available_variant.id}}"

  ></div>
9. W kodzie, który wkleiłeś, zastąp OBJECT wartością obiektu, którą zanotowałeś wcześniej.
   • Na przykład, jeśli wartość obiektu twojego pliku to "card_product", kod będzie wyglądał następująco po wklejeniu do pliku powyżej ceny.
     
10. Kliknij Zapisz w Shopify.
11. Przejdź do strony kolekcji swojej witryny i odświeżyć.

Powinieneś teraz zobaczyć przyciski ulubionych przy każdym produkcie. Pamiętaj, że ich załadowanie może potrwać kilka sekund. Domyślnie są one umieszczone w prawym górnym rogu. Jeśli chcesz zmienić pozycjonowanie, skonsultuj się z programistą, aby uzyskać pomoc w zakresie niestandardowego CSS. 

Jeśli przyciski ulubionych nadal się nie pojawiły, spróbuj wykonać poniższe czynności:

• Upewnij się, że zastąpiłeś OBJECT w wycinku kodu źródłowego wartością obiektu pliku.
• Spróbuj wkleić kod w innym miejscu pliku.
• Sprawdź, czy wkleiłeś kod do właściwego pliku snippetu.

Jeśli nadal się nie pojawiają, zwróć się o pomoc do dewelopera. Klaviyozespół ds. pomocy nie jest w stanie bezpośrednio edytować plików Twojego motywu.

Kolejne kroki

Po dodaniu przycisków ulubionych do witryny skonfiguruj sekwencję przypomnień o ulubionych, aby zwiększyć konwersję, przypominając kupującym o ostatnio zapisanych elementach.

Dodatkowe źródła

• Pierwsze kroki z Centrum obsługi klienta Klaviyo
• Jak włączyć rekomendacje produktów w Klaviyo Customer Hub 
• Jak stylizować swoje centrum obsługi klienta Klaviyo?