Se il tuo eCommerce è sviluppato su Shopify, potrai sincronizzarlo con il tuo account Connectif in pochi minuti e iniziare a raccogliere dati sulle interazioni dei tuoi contatti sul sito web.
In questo articolo imparerai come installare e configurare l'app di Connectif per Shopify.
Difficoltà: Bassa.
Quando utilizzarlo?: All'apertura del tuo account Connectif.
PASSO 1. Installazione dell'applicazione
1. Accedi al tuo account Connectif.
2. Vai su Impostazioni Negozio nel menu laterale sinistro.
3. Nella sezione Piattaforme e-commerce, cerca Shopify e clicca su Modifica.
4. Clicca su Installa il nostro modulo dallo store delle app di Shopify per andare all'App Store di Shopify.
5. Clicca sul pulsante Installa app.
6. Inserisci le credenziali o crea un nuovo account.
PASSO 2. Attivazione dell'abbonamento
Una volta installata l'app, sarà necessario sottoscrivere un piano Connectif. Se stai usando la prova gratuita, puoi sottoscrivere il piano in un secondo momento. In tal caso, vai al passo 3 per configurare il tuo account.
7. Accedi al tuo account Connectif.
8. Seleziona il negozio che desideri integrare e configurare.
9. Vai al blocco Informazioni Generali per verificare le informazioni sull'account Connectif collegato alla tua installazione di Shopify.
10. Scegli uno dei piani Connectif disponibili.
11. (Opzionale). Richiedi un piano personalizzato a Connectif tramite il pannello Richiedi un piano personalizzato.
PASSO 3. Configurazione dell'applicazione
3.1. Configurazione di negozi diversi, valute, lingue e/o mercati (Shopify Markets)
(In questa sezione vengono spiegati i passaggi per configurare come raccogliere le informazioni sull'attività nei diversi negozi Shopify. In questo modo, Connectif registrerà l'attività solo nell'account corrispondente quando un cliente naviga nella lingua, valuta e/o mercato configurati).
12. Nella sezione Multi negozio clicca su Abilita.
Questa configurazione è opzionale se vuoi che l'attività dei contatti venga indirizzata a un negozio Connectif diverso a seconda della lingua, valuta e/o mercato in cui navigano. Se non configurata, Connectif raccoglierà tutta l'attività nello stesso account, indipendentemente dal paese e dalla valuta usata dal contatto.
13. Seleziona la lingua e la valuta in cui desideri registrare l'attività per l'account principale e clicca su Abilita.
In questo modo, Connectif raccoglierà in un unico account tutti i mercati che condividono lingua e valuta.
14. (Opzionale). Per limitare il tracciamento a un solo mercato, clicca sul menu a tendina Mercato. Questa impostazione mostrerà un elenco di URL (dei mercati) disponibili per la lingua e la valuta selezionate al punto 13.
15. Seleziona l'URL a cui applicare il tracciamento in questo caso.
Se non si seleziona un mercato, quel Negozio Connectif raccoglierà l'attività di tutti i mercati con quella lingua/valuta; se se ne seleziona uno, si applicherà solo a quello.
16. Clicca su Abilita per salvare la configurazione.
17. (Opzionale). Per collegare un altro account Connectif per tracciare in un'altra lingua, valuta e/o mercato, clicca su Aggiungi Negozio Connectif.
L'aggiunta di altri negozi è opzionale, ma dovrai farla per tracciare l'attività di questi ultimi nell'account Connectif corrispondente. Puoi ripetere il processo tutte le volte che vuoi per collegare più negozi.
18. Inserisci il tuo username e la password di Connectif.
19. Seleziona il Negozio che traccerà l'attività del tuo eCommerce in quella lingua/valuta/mercato.
20. Seleziona la lingua e la valuta in cui vuoi registrare l'attività per l'account secondario e clicca su Aggiungi.
3.2. Attivazione e configurazione della sincronizzazione
(In questa sezione vengono spiegati i passaggi minimi necessari per sincronizzare Shopify e Connectif e iniziare a raccogliere dati di interazione dei contatti sul sito in tempo reale).
21. In "Impostazioni > Tracciamento", attiva l'interruttore Connectif tracking per includere lo script di Connectif nel tuo sito web.
22. Clicca su Salva modifiche.
Attivare il Tracciamento raccoglie dati sul traffico e la navigazione, ma non raccoglie informazioni su contatti, acquisti, prodotti visitati, ecc. Per ottenere queste informazioni devi abilitare la Estensione del tema.
23. Clicca sul pulsante Configura estensione del tema.
24. Seleziona il tema attivo (quello contrassegnato come "Current") e clicca su Configura estensione del tema.
25. Nell'Editor del tema, clicca su Salva per abilitare la Estensione del tema nel tuo account.
3.3. Configurazione per ricevere informazioni sui prodotti
(In questa sezione vengono spiegate le opzioni di configurazione del modulo Connectif per raccogliere informazioni sui prodotti).
26. In "Impostazioni > Prodotto", seleziona o deseleziona la casella Usa varianti di prodotto per raccogliere nel carrello e negli acquisti le varianti di prodotto (taglia, colore, ecc.).
27. Scegli se raccogliere l'ID interno Shopify del prodotto o lo SKU selezionando una delle due opzioni del selettore.
28. Seleziona la casella Aggiorna prodotti in tempo reale per aggiornare immediatamente i prodotti in Connectif quando viene apportata una modifica al prodotto dal pannello Shopify.
Quando si utilizza questa funzionalità, è importante considerare alcuni punti riguardo a come e quali dati vengono aggiornati in Connectif:
- I campi personalizzati del prodotto sincronizzati con altri metodi (etichette di prodotto visitato tramite l'estensione del tema) sono esclusi da questo metodo di aggiornamento.
- Attraverso questo meccanismo verrà raccolta la dimensione originale delle immagini dei prodotti.
- Nell'integrazione di Shopify con Connectif, le Collezioni di Shopify sono memorizzate come Categorie prodotto in Connectif. La modifica del nome di queste collezioni o l'appartenenza del prodotto ad esse non viene aggiornata in Connectif con questo meccanismo.
- La cancellazione dei prodotti in Shopify non aggiornerà lo stato di stock né eliminerà i prodotti in Connectif usando questo metodo.
29. Seleziona la casella Abilita sincronizzazione giornaliera dei prodotti per mantenere automaticamente sincronizzato tutto il tuo catalogo prodotti con Connectif.
Attivando questa opzione, verrà avviata una sincronizzazione completa del catalogo in quel momento. Da quel momento in poi, la sincronizzazione verrà eseguita ogni 24 ore.
Attivando la sincronizzazione giornaliera, verrà disattivata la sincronizzazione e verifica dei prodotti tramite etichette web e l'integrazione web predefinita di Connectif. Inoltre, la sincronizzazione giornaliera non include i campi personalizzati del prodotto.
30. Clicca su Salva modifiche.
3.4. Configurazione per notificare gli acquisti
(In questa sezione vengono spiegate le opzioni di configurazione del modulo Connectif per raccogliere informazioni sugli acquisti).
30. In "Impostazioni > Acquisti", scegli, nel menu a tendina Stato di pagamento degli acquisti, lo/ gli stato/i che gli ordini devono avere per essere registrati come Acquisti in Connectif. In questo modo, quando un ordine si trova in uno degli stati selezionati, Shopify notificherà a Connectif l'acquisto e questo verrà registrato nel tuo Negozio.
Nel nostro esempio, avendo selezionato lo stato "Pagato", in Connectif verranno registrati come Acquisti gli ordini con tale stato.
3.5. Regolare le configurazioni dell'Estensione del tema
(In questa sezione viene spiegato quali configurazioni si possono regolare nell'editor dell'Estensione del tema e come farlo).
L'Estensione del tema e la configurazione del modulo Connectif sono piattaforme diverse, quindi è necessario verificare che entrambe le configurazioni coincidano e, in caso contrario, effettuare le regolazioni necessarie.
31. Clicca sul pulsante Configura Estensione del tema.
32. In "Configurazione del carrello", verifica che l'opzione Usa varianti di prodotto corrisponda a quella selezionata nel passo 3.3.
33. In "Impostazioni prodotto > ID prodotto", conferma che le informazioni prodotto configurate siano le stesse selezionate nel passo 3.3.
34. In "Impostazioni prodotto", scegli la dimensione dell'immagine prodotto che verrà mostrata in Connectif (in pixel).
35. In "Etichette personalizzate", inserisci i campi personalizzati creati in Connectif tramite codice Liquid, come spiegato nel passo 3.7.
3.6. Configurazione per creare il contatto in Shopify
(In questa sezione viene spiegata l'opzione di configurazione del modulo Connectif per creare il contatto in Shopify).
36. Nella sezione Contatto, abilita, se desideri, l'opzione affinché Connectif crei il contatto in Shopify. Questa opzione creerà il contatto nel tuo Shopify, ma non gli creerà un account né invierà un invito a crearne uno.
Ad esempio, se un contatto viene creato in Connectif tramite un modulo di iscrizione alla newsletter, quel contatto verrà creato anche in Shopify ma, come indicato, senza account.
3.7. Invio di informazioni aggiuntive su Prodotti e Clienti
(In questa sezione viene spiegato come creare nuovi campi per Prodotti e Clienti in Shopify e inviarli a Connectif. Se hai bisogno di maggiori informazioni su come creare questi campi, consulta la documentazione ufficiale di Shopify).
37. Vai al Pannello di Amministrazione del tuo negozio Shopify e clicca su Impostazioni.
Nel nostro esempio, viene illustrato come creare un'etichetta personalizzata per prodotto, chiamata "Example"; il processo è lo stesso per i campi personalizzati del prodotto.
38. Vai su Dati Personalizzati e seleziona la parte del negozio dove vuoi aggiungere il nuovo campo personalizzato.
Nel nostro esempio, viene aggiunto un campo per Prodotti. Per creare un campo per i contatti, dovresti cliccare su Clienti e seguire gli stessi passaggi.
39. Aggiungi un nuovo metacampo compilando il Nome e la Descrizione.
40. Seleziona un Tipo di Campo.
Nel nostro esempio, viene creato un campo di tipo linea di testo.
41. Assicurati che nelle Opzioni, l'Accesso ai negozi online abbia i permessi per Leggere.
42. Clicca su Salva.
43. Copia il nome del metacampo per includerlo nell'Editor del tema.
Nel nostro esempio, viene copiato il metacampo Prodotto creato (product.metafields.custom.example).
44. Aggiungi il metacampo copiato nel seguente frammento di codice:
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
45. Copia il frammento di codice risultante nella sezione Etichette personalizzate dell'Editor del tema.
Nel nostro esempio, viene mostrato come includere il codice del metacampo creato per il Prodotto. Nel caso di campi per i contatti, dovresti aggiungerlo nell'area Contatto.
46. Clicca su Salva.
Successo!
La tua installazione dell'app Connectif per Shopify è pronta.
Puoi assicurarti di aver completato correttamente l'integrazione seguendo i passaggi di questo articolo.
Domande frequenti
1. Quali informazioni raccoglie Connectif attraverso questa integrazione
a. Informazioni raccolte sui Contatti
Nelle integrazioni con Shopify, tramite il tag cn_client_info, viene trasferita, di default, una certa quantità di informazioni sui Contatti:
- first_name
- last_name
- _newsletter_subscription_status
b. Informazioni raccolte sui Prodotti
Nelle integrazioni con Shopify, tramite il tag cn_product_visited e la sincronizzazione giornaliera del catalogo, vengono raccolte di default alcune informazioni sui Prodotti:
- product_id
- url
- name
- description
- image_url (featured_image)
- thumbnail_url
- unit_price
- unit_price_original
- discounted_amount
- discounted_percentage
- availability
- category (collection.title)
- tag
- brand (product.vendor)
- published_at
Attraverso l'API, vengono raccolte informazioni in tempo reale sui Prodotti:
- id
- name
- productDetailUrl
- unitPrice
- availability
- brand
- description
- unitPriceOriginal
- imageUrl
- publishedAt
- tags
- categories
- thumbnailUrl
- discountedAmount
- discountedPercentage
- inStockUnits
- discountedPercentage
c. Informazioni raccolte sugli Acquisti
Nelle integrazioni con Shopify, se è attivata l'opzione per sincronizzare i prodotti in tempo reale, vengono raccolte alcune informazioni sugli Acquisti:
- cartId
- totalPrice
- totalQuantity
- purchaseDate
- purchaseId
-
products
- quantity
- price
- productDetailUrl
- productId
- name
- unitPrice
- publishedAt
- imageUrl
- unitPriceOriginal
- discountedAmount
- discountedPercentage
- tags
- brand
- thumbnailUrl
- paymentMethod
2. Non ho ancora un piano Connectif attivo e voglio sottoscriverlo
(In questa sezione viene spiegato cosa fare nel caso in cui non si disponga di un piano Connectif e si voglia sottoscriverlo tramite Shopify).
- In tal caso, segui le indicazioni del Passo 2.
3. Ho già un piano Connectif ma voglio pagarlo tramite Shopify
(In questa sezione viene spiegato cosa fare nel caso in cui si abbia già un piano Connectif che non viene fatturato tramite Shopify e si voglia cambiare metodo di pagamento per pagarlo tramite lo strumento).
- Nel tuo account Shopify, vai al pannello di controllo del modulo Connectif e, in Piano, clicca sul pulsante Sottoscrivi.
- Dopo aver letto e accettato le condizioni, scegli e accetta il metodo di pagamento.
4. Devo iniziare a pagare il piano assegnato
(In questa sezione viene spiegato cosa fare nel caso in cui si abbia già assegnato il piano da sottoscrivere e si voglia iniziare a pagarlo tramite Shopify).
- Nel tuo account Shopify, vai al pannello di controllo del modulo Connectif e, in Piano, clicca sul pulsante Sottoscrivi.
- Dopo aver letto e accettato le condizioni, scegli e accetta il metodo di pagamento.
5. Come recuperare carrelli abbandonati con l'URL di Recupero Carrello
(In questa sezione viene spiegato come funziona l'URL di Recupero Carrello per ottenere gli articoli associati a un carrello specifico).
Attraverso l'integrazione con Shopify, viene inviato a Connectif un URL di Recupero Carrello (Cart recovery url), ovvero un link per recuperare gli articoli relativi a quel carrello, che può essere utilizzato nei workflow e nei contenuti.
Per ottenere l'URL di recupero carrello tramite un workflow, deve essere fatto tramite il nodo "Ottieni ultimo carrello" e "Al momento dell'abbandono del carrello", quindi mappato nelle variabili del contenuto da mostrare o inviare.
- Scopri come funziona questa URL nei diversi CMS e come usarla in questo articolo.
Continua a imparare!
Per sfruttare tutto il potenziale del tuo account Connectif, ti consigliamo di proseguire con i seguenti articoli:
Onboarding, per acquisire dimestichezza con la nostra interfaccia.
Tracciamento degli acquisti con lo snippet di Shopify, per imparare come aggiungere il tag degli acquisti.
Integrazioni con sistemi esterni, per integrarti con Facebook, moduli e webhook del tuo sito.
Integrazioni via API, per gestire eventi come registrazioni di acquisti o iscrizioni di contatti.