Primi passi con i consigli sui prodotti sul sito

Cosa imparerai

Scopri come aggiungere un blocco con i consigli personalizzati sui prodotti direttamente alle pagine con i dettagli del prodotto (PDP), estendendo la personalizzazione di Klaviyo sul sito oltre il cassetto del Customer Hub. Questa guida spiega cosa fa il blocco integrato, come configurarlo e progettarlo, come la funzionalità si sta sviluppando nel tempo e i compromessi tecnici alla base dell'implementazione.

I consigli sui prodotti incorporati sono indipendenti dalla piattaforma di vendita per progettazione e possono essere ospitati su qualsiasi pagina del tuo sito, con un'attenzione iniziale alla piattaforma PDP. Per un feedback su questa funzionalità, contatta il team di prodotto del Customer Hub.

Prima di iniziare

• Requisito: questo blocco richiede che Customer Hub sia abilitato in Klaviyo.
• Supporto della piattaforma: disponibile su Shopify (come blocco dell'app a tema), Shopify Plus (come snippet di codice incorporabile) e Salesforce Commerce Cloud (solo supporto SFRA). È prevista l'assistenza per piattaforme aggiuntive.
• Dipendenza dal motore: la qualità delle raccomandazioni è supportata dal motore di raccomandazioni di Klaviyo. Offriamo consigli tramite il nostro servizio di consigli di nuova generazione, un upgrade rispetto al nostro sistema precedente che non riusciva a personalizzare i consigli per i visitatori anonimi.

Nota: in precedenza i consigli sui prodotti sul sito erano disponibili solo nel cassetto dell'Hub e solo per gli utenti che hanno effettuato l'accesso. Questa funzionalità fa uscire i consigli dal cassetto dell'Hub e li trasferisce alla piattaforma PDP.

Cosa puoi fare con i consigli sui prodotti incorporati

Il blocco dei consigli sui prodotti integrato ti consente di far emergere i prodotti pertinenti direttamente sulle pagine con i dettagli dei tuoi prodotti, in modo che ogni visitatore, conosciuto o anonimo, veda qualcosa di pertinente per lui.

• Abbina lo stile del tuo sito: personalizza i caratteri, i colori, il layout e gli stili dei pulsanti in modo che il blocco risulti parte integrante del tuo tema. Aggiungi classi CSS personalizzate rivolte specificatamente a tutti gli elementi del Customer Hub, a tutti i blocchi incorporati o al blocco dei consigli. Modifica l'intestazione del blocco (ad esempio, "Scelte migliori per te" o "Ti potrebbe piacere anche") e scegli un layout in stile carosello.
• Personalizza i consigli per i visitatori noti: i consigli si basano su ciò che Klaviyo sa su un profilo, grazie al servizio NGPRS (Next Gen Product Recommendations).
• Mostra qualcosa a ogni visitatore: i visitatori anonimi visualizzano i consigli generici sui prodotti per impostazione predefinita, provenienti da Shopify.
• Carica rapidamente senza danneggiare le prestazioni della pagina: il blocco è progettato per caricarsi rapidamente fin dall'inizio, senza appesantire la tua pagina con codice extra, in modo da non rallentare il sito o danneggiare i tuoi punteggi delle prestazioni.
• Misura il coinvolgimento degli utenti e le entrate: ogni clic viene tracciato come un evento di Prodotto cliccato e attribuito allo stesso modo di un clic su un prodotto all'interno del cassetto dell'Hub, in modo da poter misurare le visualizzazioni, i clic e le entrate attribuibili.
• Assicurati che l'esperienza sia costante: i visitatori noti o identificati possono visualizzare gli stessi consigli nel cassetto dell'Hub e sulla PDP.
• Consenti agli acquirenti di salvare i prodotti per un secondo momento: gli acquirenti possono aggiungere un prodotto consigliato ai loro prodotti preferiti direttamente dalla scheda o nel carrello, se non sono ancora pronti per l'acquisto.
• Evita di consigliare ciò che è già nel carrello: i prodotti già presenti nel carrello di un acquirente sono esclusi dai consigli mostrati.

Crea un nuovo blocco per i consigli sui prodotti incorporati

Si tratta di un nuovo blocco incorporabile, impostato allo stesso modo di altri blocchi incorporati come Preferiti e Domande frequenti, anziché attraverso il più ampio framework dei blocchi di contenuti di personalizzazione incorporati.

1. Accedi alla libreria dei blocchi:
   1. Vai su Assistenza > Customer Hub nella navigazione a sinistra di Klaviyo. Clicca su Progetta > Blocchi sul sito. Trova i prodotti consigliati nella libreria dei blocchi e aggiungili alla pagina del prodotto.
2. Configura la fonte dei tuoi consigli:
   1. Scegli come i consigli verranno popolati e filtrati in base allo stato del visitatore:
      1. Visitatori identificati e connessi: Klaviyo (predefinito) o Shopify.
      2. Visitatori anonimi: Shopify (predefinito e attualmente l'unica opzione). Questa fonte alimenta anche i consigli di Hub Draer per i visitatori anonimi.
      3. Filtra i prodotti esauriti: Attiva/disattiva.
      4. Filtra i prodotti già presenti nel carrello dell'acquirente: Attiva/disattiva.
3. Progetta e personalizza:
   1. Regola le impostazioni visive in modo che il blocco risulti nativo per il tuo sito:
      1. Elementi: mostra o nascondi il prezzo (mostrato per impostazione predefinita), i pulsanti preferiti (mostrati per impostazione predefinita), i pulsanti "Aggiungi al carrello" (nascosti per impostazione predefinita) e la variante di prodotto (nascosta per impostazione predefinita).
      2. Pulsanti: scegli uno stile (arrotondato, quadrato, curvo), il colore, il colore del testo e le maiuscole/minuscole del testo.
      3. Layout: imposta la larghezza massima, i prodotti massimi (1–10, valore predefinito 4), la spaziatura interna (superiore, sinistra, destra, inferiore) e i margini (tra il titolo e la riga del prodotto e tra i prodotti). Configura le dimensioni dell'immagine (larghezza, altezza) e l'adattamento (copertina, contenuto, riempimento).
      4. Caratteri: seleziona famiglie e dimensioni per il carattere di intestazione, il carattere del nome del prodotto, il carattere del prezzo e il carattere della variante.
      5. CSS personalizzato: aggiungi classi per indirizzare specificamente tutti gli elementi del Customer Hub, tutti i blocchi incorporati o il blocco dei consigli.

4. Configurazione completa della piattaforma:
   1. Installa il blocco sul fronte della tua piattaforma di e-commerce:
      1. Shopify: aggiungi come blocco dell'app tramite l'editor del tema.
      2. Shopify Plus: aggiungi come snippet di codicediv () per i commercianti che necessitano di un controllo a livello di tema.
5. Pubblica:
   1. Salva e pubblica le tue modifiche. Il blocco apparirà sulla tua PDP attiva in base alla fonte, ai filtri e alle impostazioni di design che hai configurato.

Attribuzione e analisi

• Ogni clic su un prodotto consigliato viene tracciato come un evento Clicked Product, originato come "Blocco di consigli sui prodotti incorporati".
• I clic vengono attribuiti allo stesso modo in cui si fa clic su un prodotto all'interno del cassetto dell'Hub.
• Klaviyo registra le visualizzazioni e i clic in modo da poter monitorare l'adozione (account con almeno un blocco di consigli in tempo reale), il coinvolgimento (percentuale di clic, tasso di aggiunte al carrello dopo un clic, preferiti) e le entrate (entrate attribuibili per 1.000 impression di blocco e quota di ordini con un percorso di clic assistito dai consigli).

Stile corrispondente

Per adattarsi al tuo tema esistente, l'approccio ideale è far sì che Shopify esegua il rendering del blocco prodotti per conto di Klaviyo. Shopify non visualizza i blocchi all'interno dell'estensione dell'app di Klaviyo con il contesto del prodotto, quindi creiamo invece un nuovo blocco di sezione che visualizza il blocco del prodotto.