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.
Al momento Customer Hub per Shopify supporta le vetrine standard e Shopify Headless. Per WooCommerce, vai su https://help.klaviyo.com/hc/it-it/articles/47792369863451
Per avere un feedback sulle funzionalità di Klaviyo Customer Hub, invia un'e-mail a customerhub@klaviyo.com.
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.
Abilita la visualizzazione dei preferiti nell'Hub clienti di Klaviyo
Per visualizzare i preferiti nel cassetto di Klaviyo Customer Hub, devi prima abilitare l'impostazione Preferiti in Klaviyo.
Nota che se il tuo Klaviyo Customer Hub è attivo, salvando questa modifica lo pubblicherai sul tuo sito. In caso contrario, dovrai impostare il tuo Klaviyo Customer Hub come live nel menu delle impostazioni generali per vedere questa modifica.
- Nella navigazione principale a sinistra di Klaviyo, seleziona Service - Klaviyo Customer Hub.
- Clicca sulla scheda Estensioni .
- In Preferiti, seleziona la casella per abilitare i preferiti.
- 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.
- 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.
Importa le liste dei desideri esistenti nel Customer Hub
Se stai passando al Customer Hub di Klaviyo da un'altra applicazione della lista dei desideri, puoi migrare facilmente gli articoli salvati dei tuoi clienti con una migrazione dei dati ragionevolmente fluida. Klaviyo offre un flusso di lavoro standard per importare lo storico dei dati preferiti e della lista dei desideri, in modo che i tuoi acquirenti non perdano i prodotti salvati.
Importazioni di app native
Klaviyo offre un supporto nativo e pronto all'uso per l'importazione di dati direttamente dalle app più popolari della lista dei desideri, tra cui:
- Swym
- Re della lista dei desideri
Importa tramite file CSV
Se stai effettuando la migrazione da un altro provider di liste dei desideri, puoi importare i tuoi dati direttamente in Klaviyo. Vai alle impostazioni dei preferiti del Customer Hub e rilascia il tuo file CSV nell'area di caricamento: non è richiesto alcun modello. L'importatore riconoscerà automaticamente il formato del tuo file e mapperà i dati di conseguenza per popolare i profili del Customer Hub dei tuoi acquirenti.
Aggiungi i pulsanti preferiti alle pagine di dettaglio dei prodotti
Aumenta significativamente il coinvolgimento degli utenti aggiungendo i pulsanti "aggiungi ai preferiti" alle pagine di dettaglio dei tuoi prodotti.
Se utilizzi un tema vintage Shopify o una configurazione personalizzata che non prevede l'assistenza app blocco, consulta le nostre istruzioni per installare manualmente il pulsante dei preferiti.
- Nell'impostazione Preferiti di Klaviyo, seleziona Aggiungi blocco app.
- 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.
- Clicca e trascina l'app per regolare il suo posizionamento nella pagina dei dettagli del prodotto secondo le necessità.
- 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.
- 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.
- 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:
- Apri l'amministrazione del tuo negozio Shopify.
- Alla voce canale di vendita, seleziona negozio online.
- 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.
- 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".
- 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> - Clicca su Salva.
- Clicca su Anteprima negozio.
- 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:
- Apri l'amministrazione del tuo negozio Shopify.
- Alla voce canale di vendita, seleziona negozio online.
- 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.
- 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.
- 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).
- 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).
- Nella barra laterale di sinistra, cerca e apri il file di snippet identificato nel passaggio precedente (ad esempio, card-product.liquid).
- All'inizio di questo file, nota il valore dell'oggetto elencato sotto "Accetta" (ad esempio, "card_product").
- 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-prodotto-url="{{ OBJECT.url }}"
dati-variante-id="{{OBJECT.selected_or_first_available_variant.id}}"
></div>
- Suggerimento: Cerca la prima istanza del rendering del prezzo nel tuo file e incolla il codice sopra di esso.
- Nel codice che hai incollato, sostituisci
OBJECTcon 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.
- Ad esempio, se il valore dell'oggetto del tuo file è "card_product", il codice avrà questo aspetto se incollato nel file sopra il prezzo.
- Clicca su Salva in Shopify.
- 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
OBJECTnel 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 il Customer Hub su Shopify
Scopri Klaviyo Customer Hub, un'esperienza personalizzata unica per i visitatori dei negozi online che li guida dalla scoperta del prodotto all'acquisto e all'assistenza post-vendita.
- Come visualizzare i consigli sui prodotti in Klaviyo Customer Hub
Scopri come visualizzare consigli personalizzati sui prodotti nel cassetto di Klaviyo Customer Hub per personalizzare l'esperienza di acquisto dei tuoi clienti e favorire la conversione. Mostrando i prodotti che piacciono ai clienti, puoi migliorare il tasso di conversione e offrire opportunità di vendita incrociata per aumentare il valore medio dell'ordine.
- Come creare il tuo Customer Hub Klaviyo
Scopri le opzioni di design per lo stile del tuo cassetto Klaviyo Customer Hub e come puoi progettarlo in base al tuo marchio. Poiché l'interfaccia dell'Hub clienti di Klaviyo è radicata nell'esperienza del cliente, è buona norma creare un'interfaccia che appaia come un'estensione del tuo sito web.