Come mostrare i pulsanti preferiti sul tuo sito e nell'Hub clienti di Klaviyo

Cosa imparerai

Scopri come permettere agli acquirenti di salvare i loro articoli preferiti sul tuo sito. Aggiungendo i pulsanti preferiti ai tuoi prodotti, puoi visualizzare gli articoli salvati dagli acquirenti nel cassetto del Customer Hub di Klaviyo e inviare dei Flussi di follow-up per stimolare la conversione.

Prima di iniziare

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

Scopri di più su Klaviyo Customer Hub.

Informazioni sui preferiti

I pulsanti preferiti consentono agli acquirenti di salvare i prodotti a cui sono interessati. Gli articoli preferiti da un acquirente vengono visualizzati nel cassetto di Klaviyo Customer Hub e possono essere utilizzati in Flusso per ottenere ulteriori conversioni.

Quando attivi la funzionalità Preferiti nelle impostazioni di Klaviyo Customer Hub, appare un pulsante per i preferiti con tutti i prodotti visualizzati nell'interfaccia di Klaviyo Customer Hub. Quando un acquirente clicca su questo pulsante, l'articolo viene aggiunto alla sua sezione Preferiti e salvato nel suo profilo Klaviyo.

Per aumentarne la visibilità e incoraggiarne l'uso, puoi anche aggiungere dei pulsanti per i preferiti:

• Pagine di dettaglio del prodotto
• Pagine delle collezioni (chiamate anche "pagine dell'elenco dei prodotti") 

Gli articoli preferiti da una di queste pagine vengono salvati anche nella sezione Preferiti degli acquirenti nel cassetto dell'Hub clienti di Klaviyo. Nota che qualsiasi visitatore può aggiungere prodotti all'elenco dei preferiti, indipendentemente dal fatto che abbia effettuato l'accesso a un account cliente. Quando accedono, i preferiti che hanno salvato si sincronizzano con il loro profilo Klaviyo.

abilitare la visualizzazione dei preferiti nel cassetto di Klaviyo Customer Hub

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

1. Nella navigazione principale a sinistra di Klaviyo, seleziona Klaviyo Customer Hub.
2. Clicca sull'icona dell'ingranaggio nell'angolo in alto a destra.
   
3. Scegli le estensioni.
4. In Preferiti, seleziona la casella per abilitare i preferiti.
   
5. Nel menu a tendina Scegli icona, seleziona il tipo di icona preferita da visualizzare sotto i tuoi prodotti (ad esempio, un cuore o un segno più). 
   • Per impostazione predefinita, l'anteprima mostra la versione non selezionata (cioè non favorita) dell'icona. Clicca sull'icona nell'anteprima per vederla passare allo stato di preferito.
6. Clicca su Salva.

Un pulsante per i preferiti appare ora sotto tutti i prodotti esposti nell'interfaccia di Klaviyo Customer Hub. Facendo clic su di esso, l'elemento viene aggiunto alla sezione Preferiti.

Prosegui con la prossima sezione per le indicazioni su come aggiungere i pulsanti dei preferiti alle pagine dei dettagli dei prodotti. 

Aggiungi i pulsanti preferiti alle pagine di dettaglio dei prodotti

Consenti agli acquirenti di preferire determinati articoli che stanno controllando aggiungendo i pulsanti preferiti sotto i prodotti nelle pagine di dettaglio dei prodotti. 

1. Nell'impostazione Preferiti di Klaviyo, seleziona Aggiungi blocco app. 
2. In questo modo si avvia l'editor del tema di Shopify in una nuova finestra, mostrando un modal che indica che il blocco dell'app Klaviyo Favorites è stato aggiunto al modello predefinito della pagina del prodotto. Clicca su Ricevuto.
   
3. Clicca e trascina l'app per regolare il suo posizionamento nella pagina dei dettagli del prodotto secondo le necessità. 
4. Quando sei pronto, clicca su Salva per salvare le modifiche in Shopify. A questo punto, i pulsanti preferiti verranno visualizzati sotto i prodotti nelle pagine dei prodotti. 
5. Opzionale: Per ulteriori stili, naviga indietro su Klaviyo. Utilizzando il menu a tendina dello 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 un determinato font e colore di testo per i pulsanti.
     
6. Salva le modifiche.

Naviga indietro verso il tuo sito web. Dovresti vedere i pulsanti dei preferiti comparire sotto i prodotti nelle pagine dei dettagli dei prodotti.

Quindi, passa alla sezione Aggiungi pulsanti preferiti alle pagine delle tue raccolte. 

Installa manualmente i pulsanti preferiti (temi vintage o personalizzati)

Se utilizzi un tema vintage di Shopify o una configurazione personalizzata che non prevede l'assistenza dell'app blocco, potrebbe essere necessario installare manualmente l'app Klaviyo Wishlist nelle pagine in cui desideri ricevere i favori (ad esempio, le pagine dei prodotti).

Per farlo:

1. Apri l'amministrazione del tuo negozio Shopify.
2. Alla voce canale 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 una bozza di tema, duplica prima il tuo tema attuale e poi modifica il codice del tema duplicato.
   
4. Trova il file per la pagina dei dettagli del tuo prodotto. Varia a seconda del tema, ma in genere ha la parola "prodotto" nel nome. Ad esempio, nel tema Dawn, questo si chiama "main-product.liquid".
5. Incolla il seguente frammento di codice nel punto in cui vuoi che appaia il pulsante dei preferiti:
   <div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}" ></div>
6. Clicca su Salva.
7. Clicca su Anteprima negozio.
8. Vai alla pagina di un prodotto all'interno dell'anteprima del tuo negozio. Il pulsante aggiungi preferiti deve essere visibile nella posizione designata.

Aggiungi i pulsanti preferiti alle pagine delle tue collezioni

Installa un piccolo frammento di codice sul tuo sito Shopify per aggiungere i pulsanti preferiti alle pagine delle collezioni, in modo che gli acquirenti possano salvare rapidamente gli articoli mentre navigano tra i tuoi prodotti. Questo è particolarmente utile per gli acquirenti su dispositivi mobili.

Per farlo:

1. Apri l'amministrazione del tuo negozio Shopify.
2. Alla voce canale di vendita, seleziona negozio online.
3. Accanto al tema corrente, clicca sul menu con i tre puntini e 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 di sinistra, cerca e apri il file delle tue raccolte. Per questo esempio utilizzeremo il file featured-collections.liquid, ma 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 tua griglia di prodotti.
   • Lo snippet apparirà probabilmente in un formato simile a: {% render 'snippet-name'%}, dove 'snippet-name' è il nome del file snippet in questione (ad esempio, card-product).
     
6. Nella barra laterale di sinistra, cerca e apri il file di snippet identificato nel passaggio precedente (ad esempio, card-product.liquid).
7. All'inizio di questo file, nota il valore dell'oggetto elencato sotto "Accetta" (ad esempio, "card_product").
   
8. Copia il seguente codice e incollalo nel file snippet:
   • Suggerimento: Cerca la prima istanza del rendering del prezzo nel tuo file e incolla il codice sopra di esso.
     <div

    class="Klaviyo-favorites-plp-slot"

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

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

   dati-variante-id="{{OBJECT.selected_or_first_available_variant.id}}"

  ></div>
9. Nel codice che hai incollato, sostituisci OBJECT con il valore dell'oggetto che hai indicato in precedenza.
   • Ad esempio, se il valore dell'oggetto del tuo file è "card_product", il codice avrà questo aspetto se incollato nel file sopra il prezzo.
     
10. Clicca su Salva in Shopify.
11. Vai alla pagina delle collezioni del tuo sito e aggiorna.

Ora dovresti vedere apparire i pulsanti preferiti su ogni prodotto. Nota: il caricamento potrebbe richiedere alcuni secondi. Per impostazione predefinita, questi sono posizionati nell'angolo in alto a destra. Se desideri modificare il posizionamento, consulta il tuo sviluppatore per ricevere assistenza con i CSS personalizzati. 

Se i pulsanti preferiti non sono ancora apparsi, prova a seguire questi passaggi per la risoluzione dei problemi:

• Verifica di aver sostituito OBJECT nel frammento di codice con il valore dell'oggetto del tuo file.
• Prova a incollare il codice in un altro punto del file.
• Verifica di aver incollato il codice nel file di snippet corretto.

Se ancora non compaiono, rivolgiti a uno sviluppatore. Il team di assistenza di Klaviyo non è in grado di modificare direttamente i file del tema.

I prossimi passaggi

Ora che hai aggiunto i pulsanti dei preferiti al tuo sito, imposta un Flusso di promemoria dei preferiti per stimolare la conversione ricordando agli acquirenti gli articoli salvati di recente.

Risorse aggiuntive

• Primi passi con Klaviyo Customer Hub
• Come abilitare i consigli sui prodotti in Klaviyo Customer Hub 
• Come creare il tuo Customer Hub Klaviyo