Se il tuo eCommerce è sviluppato su Shopify, potrai sincronizzarlo con il tuo account Connectif in pochi minuti e iniziare a raccogliere dati di interazione 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. Accedi a 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 di applicazioni 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'applicazione, sarà necessario sottoscrivere un piano Connectif. Se stai usando la prova gratuita, potrai 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. Accedi al blocco Informazioni Generali per controllare le informazioni sull'account Connectif collegato alla tua installazione 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 nel caso tu voglia 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 utilizzati dal contatto.
13. Seleziona la lingua e la valuta in cui vuoi registrare l’attività per l’account principale e clicca su Abilita.
In questo modo, Connectif raccoglierà in un solo 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 valuta selezionate al punto 13.
15. Seleziona l’URL per cui vuoi applicare il tracciamento in questo caso.
Se non viene selezionato alcun 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 farlo per poter tracciare l’attività degli stessi nell’account Connectif corrispondente. Puoi ripetere il processo tutte le volte che desideri per collegare più negozi.
18. Inserisci il tuo nome utente e password 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 web in tempo reale).
21. In "Impostazioni > Tracciamento", attiva il selettore Connectif tracking per includere lo script Connectif nel tuo sito web.
22. In “Impostazioni > Tracciamento”, nel menu a tendina Customer Privacy Category, seleziona il livello di consenso che vuoi applicare al tracciamento Connectif:
- “Basic”: Connectif si caricherà e inizierà a raccogliere l’attività del contatto senza verificare il consenso ai cookie. Questa è l’opzione predefinita e mantiene il comportamento abituale dell’integrazione.
- “Preferences”: Connectif si caricherà quando Shopify consente il trattamento corrispondente alle preferenze del visitatore.
- “Analytics”: Connectif si caricherà quando Shopify consente il trattamento corrispondente all’analitica.
- “Marketing”: Connectif si caricherà quando Shopify consente il trattamento corrispondente al marketing.
23. Clicca su Salva modifiche.
Attivare il Tracciamento raccoglie dati di traffico e navigazione, ma non raccoglie informazioni su contatti, acquisti, prodotti visitati, ecc. Per ottenere queste informazioni deve essere abilitata la Estensione del tema.
24. Clicca sul pulsante Configura estensione del tema.
25. Seleziona il tema attivo (quello contrassegnato come "Current") e clicca su Configura estensione del tema.
26. Nell’Editor del tema, clicca su Salva per abilitare l’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).
27. In "Impostazioni > Prodotto", seleziona o deseleziona la casella Usa varianti prodotto per raccogliere nel carrello e negli acquisti le varianti prodotto (taglia, colore, ecc.).
28. Scegli se raccogliere l’ID interno Shopify del prodotto o lo SKU selezionando una delle due opzioni.
29. Seleziona la casella Aggiorna prodotti in tempo reale per aggiornare immediatamente i prodotti in Connectif quando viene effettuata una modifica dal pannello Shopify.
Quando si usa questa funzionalità, è importante considerare alcuni aspetti su come e quali dati vengono aggiornati in Connectif:
- I campi personalizzati dei prodotti sincronizzati tramite altri metodi (etichette prodotto visitato tramite estensione del tema) sono esclusi da questo metodo di aggiornamento.
- Questo meccanismo raccoglie la dimensione originale delle immagini dei prodotti.
- Nell’integrazione Shopify-Connectif, le Collezioni di Shopify sono memorizzate come Categorie prodotto in Connectif. La modifica del nome di queste collezioni o l’appartenenza del prodotto a esse non viene aggiornata con questo metodo.
- La cancellazione di prodotti in Shopify non aggiornerà lo stato di stock né cancellerà i prodotti in Connectif usando questo metodo.
30. Seleziona la casella Abilita sincronizzazione giornaliera prodotti per mantenere automaticamente sincronizzato tutto il catalogo prodotti con Connectif.
Attivando questa opzione, si avvierà una sincronizzazione completa del catalogo in quel momento. Successivamente, 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 dei prodotti.
31. 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).
32. In "Impostazioni > Acquisti", scegli, nel menu a tendina Stato pagamento acquisti, lo/gli stato/i che devono avere gli ordini 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.
Nell’esempio, avendo selezionato lo stato "Pagato", in Connectif verranno registrati come Acquisti gli ordini in tale stato.
3.5. Regolazione delle impostazioni dell’Estensione del tema
(In questa sezione viene spiegato quali configurazioni possono essere regolate 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, apportare le modifiche necessarie.
33. Clicca sul pulsante Configura Estensione del tema.
34. In "Configurazione carrello", verifica che l’opzione Usa varianti prodotto corrisponda a quella selezionata nel passo 3.3.
35. In "Impostazioni prodotto > ID prodotto", conferma che le informazioni prodotto configurate siano le stesse selezionate nel passo 3.3.
36. In "Impostazioni prodotto", scegli la dimensione dell’immagine prodotto che verrà mostrata in Connectif (in pixel).
37. 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).
38. 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, tale 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 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).
39. Vai al Pannello di Amministrazione del tuo negozio Shopify e clicca su Impostazioni.
Nell’esempio si illustra come creare un’etichetta personalizzata prodotto chiamata "Example", il processo è lo stesso per i campi personalizzati prodotto.
40. Vai su Dati Personalizzati e seleziona la parte del negozio in cui vuoi aggiungere il nuovo campo personalizzato.
Nell’esempio si aggiunge un campo per Prodotti. Per creare un campo per i contatti, dovresti cliccare su Clienti e seguire gli stessi passaggi.
41. Aggiungi un nuovo metacampo compilando il Nome e la Descrizione.
42. Seleziona un Tipo di campo.
Nell’esempio si crea un campo di tipo linea di testo.
43. Assicurati che nelle Opzioni, l’Accesso a negozio online abbia i permessi di Lettura.
44. Clicca su Salva.
45. Copia il nome del metacampo per includerlo nell’Editor del tema.
Nell’esempio si copia il metacampo prodotto creato (product.metafields.custom.example).
46. Aggiungi il metacampo copiato nel seguente frammento di codice:
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
47. Copia il frammento di codice risultante nella sezione Etichette personalizzate dell’Editor del tema.
Nell’esempio viene mostrato come includere il codice del metacampo prodotto creato. Per i campi contatto, dovresti aggiungerlo nell’area Contatto.
48. Clicca su Salva.
Successo!
La tua installazione dell’app Connectif per Shopify è pronta.
Puoi verificare di aver effettuato correttamente l’integrazione seguendo i passaggi di questo articolo.
Domande frequenti
1. Quali informazioni raccoglie Connectif tramite questa integrazione
a. Informazioni raccolte dai Contatti
Nelle integrazioni con Shopify, tramite il tag cn_client_info, vengono trasferite, di default, alcune 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
Tramite 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 è attiva 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 abbia un piano Connectif e si voglia sottoscrivere tramite Shopify).
- In tal caso, segui le indicazioni di 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 non fatturato tramite Shopify e si voglia cambiare per pagarlo tramite lo strumento.)
- Nel tuo account Shopify, vai al pannello di controllo del modulo Connectif e, in Piano, clicca sul pulsante Sottoscrivi.
- Una volta lette e accettate 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 debba iniziare a pagare tramite Shopify).
- Nel tuo account Shopify, vai al pannello di controllo del modulo Connectif e, in Piano, clicca sul pulsante Sottoscrivi.
- Una volta lette e accettate 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), cioè un link per recuperare gli articoli relativi a quel carrello, utilizzabile in workflow e contenuti.
Per ottenere l’URL di recupero carrello tramite un workflow, deve essere fatto tramite il nodo "Ottieni ultimo carrello" e "Alla Abbandono Carrello", successivamente mappato nelle variabili del contenuto da mostrare o inviare.
- Scopri come funziona questa URL nei diversi CMS e come utilizzarla in questo articolo.
Continua a imparare!
Per sfruttare al massimo il potenziale del tuo account Connectif, ti consigliamo di proseguire con i seguenti articoli:
Onboarding, per acquisire dimestichezza con la nostra interfaccia.
Tracciamento 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 acquisti o iscrizioni contatti.