Come mostrare i pulsanti dei preferiti sul tuo sito e in Customer Hub

Cosa imparerai

Scopri come consentire agli acquirenti di salvare i loro articoli preferiti sul tuo sito. Aggiungendo i pulsanti per i preferiti insieme ai tuoi prodotti, puoi mostrare gli articoli salvati dagli acquirenti nella sezione del Customer Hub e inviare flussi di follow-up per aumentare le conversioni.

Prima di iniziare

Questa guida spiega come abilitare l’impostazione Preferiti dalle impostazioni di Customer Hub in Klaviyo e aggiungere i pulsanti dei preferiti in diverse pagine del tuo sito web. Prima di procedere, assicurati che la funzionalità Customer Hub sia abilitata in Klaviyo.

Scopri di più sul Customer Hub.

Informazioni sui preferiti

I pulsanti Preferiti consentono agli acquirenti di salvare i prodotti a cui sono interessati. Gli articoli aggiunti ai Preferiti da un acquirente vengono visualizzati nel drawer del Customer Hub e possono essere utilizzati nei flussi per generare ulteriori conversioni.

Quando attivi la funzionalità Preferiti nelle impostazioni del tuo Customer Hub di Klaviyo, viene visualizzato un pulsante Preferiti con tutti i prodotti mostrati nell'interfaccia del Customer Hub. Quando un acquirente fa clic su questo pulsante, l'articolo viene aggiunto alla sezione Preferiti e salvato nel suo profilo Klaviyo.

Per aumentare la loro visibilità e incoraggiarne l'utilizzo, puoi anche aggiungere pulsanti dei preferiti a:

• Pagine dei dettagli del prodotto
• Pagine delle raccolte (chiamate anche "pagine elenco prodotti")

Anche gli articoli aggiunti ai preferiti da una di queste pagine vengono salvati nella sezione Favorites di chi acquista nel drawer di Customer Hub. Tieni presente che chiunque visiti il sito può aggiungere prodotti all'elenco dei preferiti, indipendentemente dal fatto che abbia effettuato l'accesso a un account cliente. Quando accede, tutti i preferiti salvati verranno sincronizzati con il suo profilo Klaviyo.

Abilita i preferiti da visualizzare nel Customer Hub

Per mostrare i preferiti nel cassetto di Customer Hub, devi prima abilitare l’impostazione Preferiti in Klaviyo.

1. Nella navigazione principale a sinistra di Klaviyo, seleziona Servizio - Customer Hub.
2. Clicca sulla scheda Estensioni .
3. In Preferiti, seleziona la casella per Abilita preferiti.
   

4. Nel menu a discesa Scegli icona, seleziona il tipo di icona preferita da mostrare sotto i tuoi prodotti (ad es., un cuore o un segno più).
   • Per impostazione predefinita, l’anteprima mostra la versione non selezionata (ovvero non preferita) dell’icona. Fai clic sull’icona nell’anteprima per vederla cambiare nello stato preferito.
5. Clicca su Salva.

Ora verrà visualizzato un pulsante Preferiti sotto qualsiasi prodotto mostrato nell’interfaccia di Customer Hub. Facendo clic, l’articolo viene aggiunto alla sezione Preferiti.

Continua nella sezione successiva per indicazioni su come aggiungere i pulsanti dei preferiti alle pagine dei dettagli del prodotto.

Importa le wishlist esistenti in Customer Hub

Se stai passando al Customer Hub di Klaviyo da un’altra applicazione per wishlist, puoi migrare in modo semplice gli articoli salvati dai tuoi clienti con una migrazione dei dati ragionevolmente priva di perdite. Klaviyo offre un flusso di lavoro Standard per importare i dati storici di preferiti e wishlist, così i tuoi acquirenti non perderanno i prodotti salvati.

Importazioni di app native

Klaviyo offre supporto nativo, pronto all'uso, per importare dati direttamente dalle app di wishlist più diffuse, tra cui:

• Swym
• Wishlist King

Importa tramite file CSV

Se stai effettuando la migrazione da un altro provider di wishlist, puoi importare i tuoi dati direttamente in Klaviyo. Vai alle impostazioni dei preferiti di Customer Hub e trascina il tuo file CSV nell’area di caricamento: non è necessario alcun modello. L'importer riconoscerà automaticamente il formato del tuo file e mapperà i dati di conseguenza per popolare i profili Customer Hub dei tuoi acquirenti.

Aggiungi pulsanti per i preferiti alle pagine dei dettagli del prodotto

Aumenta notevolmente il coinvolgimento degli utenti aggiungendo pulsanti "aggiungi ai preferiti" alle pagine dei dettagli del prodotto.

1. Nell’impostazione Preferiti in Klaviyo, seleziona Aggiungi blocco app.
2. Così facendo si apre l'editor del tema Shopify in una nuova finestra, mostrando una finestra modale che indica che il blocco dell'app Klaviyo Favorites è stato aggiunto al modello predefinito della pagina prodotto. Fai clic su Ho capito.
   

3. Clicca e trascina l'app per regolare la sua posizione nella pagina dei dettagli del prodotto, secondo necessità.
4. Quando è tutto pronto, fai clic su Salva per salvare le modifiche in Shopify. A questo punto, i pulsanti dei preferiti verranno visualizzati sotto i prodotti nelle pagine prodotto.
5. Facoltativo: per ulteriori modifiche allo stile, torna a Klaviyo. Usando il menu a discesa Stile del blocco app, puoi personalizzare l’aspetto del pulsante dei preferiti sulle pagine dei prodotti. Scegli una delle due opzioni:
   • Eredita per sincronizzare gli stili dei pulsanti del tuo sito (impostazione predefinita).
   • Personalizzato per selezionare uno specifico font dei pulsanti e il colore del testo.
     

6. Salva eventuali modifiche.

Torna al tuo sito web. Dovresti vedere i pulsanti dei preferiti comparire sotto i prodotti nelle pagine dei dettagli del prodotto.

Successivamente, vai alla sezione Aggiungi i pulsanti dei preferiti alle pagine delle tue raccolte.

Installa manualmente i pulsanti dei preferiti (temi vintage o configurazione personalizzata)

Se utilizzi un tema Shopify vintage o una configurazione personalizzata che non supporta i blocchi app, potresti dover installare manualmente l'app Klaviyo Wishlist nelle pagine in cui vuoi consentire le azioni di aggiunta ai preferiti (ad esempio, le pagine prodotto).

Per farlo:

1. Apri l'admin del tuo negozio Shopify.
2. In Canali di vendita, seleziona Negozio online.
3. Clicca sul menu con i tre puntini del tuo tema attuale, quindi seleziona Modifica codice. Se preferisci testarlo su un tema bozza, duplica prima il tuo tema attuale e poi modifica il codice del duplicato tema.
   

4. Trova il file della pagina con i dettagli del prodotto. Questo varia in base al tema, ma in genere contiene la parola "product" nel nome. Ad esempio, nel tema Dawn, si chiama "main-product.liquid".
5. Incolla il seguente snippet di codice nel punto in cui vuoi che venga visualizzato il pulsante dei preferiti:
   <div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}"></div>
6. Clicca su Salva.
7. Fai clic su Anteprima negozio.
8. Vai a una pagina prodotto nell'anteprima del tuo negozio. Il pulsante dei preferiti aggiunto dovrebbe essere visibile nella posizione designata.

Aggiungi i pulsanti preferiti alle pagine delle tue raccolte

Installa un piccolo snippet di codice sul tuo sito Shopify per aggiungere i pulsanti dei preferiti alle pagine delle tue raccolte, così chi acquista può salvare rapidamente gli articoli mentre sfoglia i tuoi prodotti. È particolarmente utile per chi acquista da dispositivi mobili.

Per farlo:

1. Apri l'admin del tuo negozio Shopify.
2. In Canali di vendita, seleziona Negozio online.
3. Accanto al tuo tema attuale, clicca sul menu con i tre puntini, quindi seleziona Modifica codice.
   • Se vuoi fare un test su un tema in bozza, duplica prima il tuo tema attuale e poi modifica il codice nel tema duplicato.
4. Nella barra laterale sinistra, cerca e apri il file delle tue raccolte. In questo esempio useremo il file featured-collections.liquid, tuttavia il tuo tema potrebbe utilizzare un file diverso.
   

5. All'interno del file delle raccolte, usa la scorciatoia Trova (Command+F su Mac o Control+F su Windows) per cercare la parola "render" all'interno del file. Questo ti aiuta a identificare il nome dello snippet che contiene la griglia dei prodotti.
   • È probabile che lo snippet venga visualizzato in un formato simile a: {% render 'snippet-name'%}, dove 'snippet-name' è il nome del file snippet pertinente (ad es. card-product).
     

6. Nella barra laterale sinistra, cerca e apri il file snippet identificato nel passaggio precedente (ad esempio, card-product.liquid).
7. Nella parte superiore di questo file, prendi nota del valore dell’oggetto elencato in “Accepts” (ad esempio, “card_product”).
   

8. Copia il seguente codice e incollalo nel file dello snippet:
   • Suggerimento: cerca la prima occorrenza del rendering del prezzo nel tuo file e incolla il codice sopra di essa.
     <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. All'interno del codice che hai incollato, sostituisci OBJECT con il valore dell'oggetto che hai annotato in precedenza.
   • Ad esempio, se il valore dell’oggetto del tuo file è “card_product”, il codice apparirà così quando lo incolli nel file sopra il prezzo.
     

10. Clicca su Salva in Shopify.
11. Vai alla pagina delle raccolte del tuo sito e aggiorna.

Ora dovresti vedere i pulsanti dei preferiti comparire su ciascun prodotto. Tieni presente che potrebbero volerci alcuni secondi per il caricamento. Per impostazione predefinita, sono posizionati nell'angolo in alto a destra. Se vuoi modificare il posizionamento, rivolgiti al tuo sviluppatore per ricevere assistenza con CSS personalizzato.

Se i pulsanti Preferiti non sono ancora comparsi, prova questi passaggi di risoluzione dei problemi:

• Conferma di aver sostituito OBJECT nello snippet di codice con il valore dell'oggetto del file.
• Prova a incollare il codice altrove nel file.
• Verifica di aver incollato il codice nel file snippet corretto.

Se continuano a non essere visualizzati, chiedi assistenza a uno sviluppatore. Il team di assistenza di Klaviyo non è in grado di modificare direttamente i file del tuo tema.

I prossimi passaggi

Ora che hai aggiunto i pulsanti dei preferiti al tuo sito, configura un flusso di promemoria dei preferiti per aumentare la conversione ricordando a chi acquista gli articoli salvati di recente.

Risorse aggiuntive