Guide to Integrating with Shopify

 

Cet article est actuellement disponible en anglais et en espagnol. Vous pouvez vous servir de cette documentation en attendant qu'elle soit disponible dans votre langue.

If your ecommerce platform is based on Shopify, you can sync it with your Connectif account in just a few minutes and start gathering data about your contacts’ interactions on the site.

In this article, you'll learn how to install and set up the Connectif app for Shopify.  

 
Implementation time: 15 min.
Difficulty: Low.
When to use it: When you open your Connectif account.

 

STEP 1. Installing the application  

1. Access your Connectif account..

2. Go to Store Setings on the left-hand menu.

3. In the E-commerce platforms section, look for Shopify and click   Edit.

Integración con Shopify - 0-min.png

4. Click Install our module from the Shopify app store to go to the Shopify App Store.

Integración con Shopify - 1-min.png

5. Click Add app to add the Connectif app to your store.

Shopify_integraci_n_oct_22_-_3-min.png

6. Sign in to your Shopify account.

Shopify_integraci_n_oct_22_-_4.png

7. Click the Install app button.

Shopify_integraci_n_oct_22_-_5.png

8. Click Already have an account? to sign in.

Shopify_integraci_n_oct_22_-_6.png

 

STEP 2. Activating the subscription

  

Once the application is installed, you’ll need to sign up to a Connectif plan. If you're using your free trial, you can sign up for your plan later. In that case, go to step 3 to set up your account.

9. Go to the General info block to review the information about the Connectif account linked to your Shopify installation.

Shopify_integraci_n_oct_22_-_8.png

10. Choose from one of the Connectif plans available.

Shopify_integraci_n_oct_22_-_9.png

11. (Optional). Request a custom Connectif plan via the Request custom plan panel.

 
You can only have one pending custom plan request.

Shopify_integraci_n_oct_22_-_10.png

 

STEP 3. Application settings

3.1. Basic configuration

(This section explains the minimum steps required to sync Shopify and Connectif and start collecting interaction data from contacts on the website in real time).

12. Under "Settings > Tracking", activate the Connectif tracking selector to include the Connectif script on your website.

Shopify_integraci_n_oct_22_-_11.png

13. Click Save changes.

Shopify_integraci_n_oct_22_-_12.png

  

Activating Tracking collects traffic and browsing data but not information about contacts, purchases, products visited, etc. To obtain this information, the Topic extension must be enabled.

14. Click the Set theme extension button.

Shopify_integraci_n_oct_22_-_13.png

15. Select your active theme (the one marked "main") and click Set theme extension.

Shopify_integraci_n_oct_22_-_14.png

16. In the Theme editor, click Save to enable the Theme extension in your account.

Shopify_integraci_n_oct_22_-_15.png

 

3.2. Settings for receiving product information 

(This section explains the configuration options of the Connectif module for collecting product information).

17. Under "Settings > Product", check or uncheck the checkbox Use product variants to pick up product variants (size, color, etc.) in carts and purchases.

18. Choose between collecting the product's internal Shopify ID or the SKU by checking one of the two selector options.

  The Shopify ID is assigned automatically while the SKU must be indicated at the time your products are created.

Shopify_integraci_n_oct_22_-_16.png

19. Click Save changes.

 

3.3. Settings for reporting purchases  

(This section explains the configuration options of the Connectif module for collecting information about purchases).

 

Adjustments about purchases can only be made when tracking is disabled, so to change this configuration you must disable it momentarily (step 3.1).

20. Under "Settings > Purchases", choose to report online or offline purchases. By default Connectif will collect online purchases.

 

What's the difference between Use online purchases and Use offline purchases?
- With Use online purchases, the purchase will be recorded immediately after the user has visited the checkout page, using the Theme extension tag.
- With Use offline purchases, the purchase will be recorded in Connectif asynchronously at any time after the purchase (not immediately).

Shopify_integraci_n_oct_22_-_17-min.png

 

3.4. Theme Extension settings

(This section explains which settings can be adjusted in the theme's Extension editor and how to set them).

 

The Theme extension and the Connectif module settings are different platforms, so you must check that both settings match and if not, make the necessary adjustments.

21. Click the Set theme extension button.

Shopify_integraci_n_oct_22_-_11-min.png

22. Under "Cart settings", check that the Use product variants option matches the one you selected in step 3.2.

Shopify_integraci_n_oct_22_-_18.png

23. Under "Product Settings > Product ID", confirm that the product information set is the same as the one you selected in step 3.2.

Shopify_integraci_n_oct_22_-_19.png

24. Under "Product Settings", choose the size of the product image to display in Connectif (in pixels).

Shopify_integraci_n_oct_22_-_20.png

25. Under "Custom labels", insert custom fields created in Connectif using Liquid code.

Shopify_integraci_n_oct_22_-_27__1_-min.png

 

3.5. (Optional). Create Products and Customers custom fields in Shopify

(This section explains how to create Product and Customers custom fields in Shopify and sync them with those in Connectif).

26. Head to your Shopify store's admin panel and click Settings.

Shopify_integraci_n_oct_22_-_21.png

 

Our example illustrates how to create a custom product label, called "Example."

27. Go to Metafields and select the part of the store where you want to add the new custom field.

Shopify_integraci_n_oct_22_-_28.png

 

In our example, a field is added for Products.

28. Add a new metafield by filling in the Name and Description.

29. Select a Field Type.

30. Check the box that allows you to connect this field via API.

Shopify_integraci_n_oct_22_-_23.png

 

In our example, a field with a line of text is created.

31. Click Save.

Shopify_integraci_n_oct_22_-_24.png

32. Copy the name of the metafield to include it in the Theme editor.

Shopify_integraci_n_oct_22_-_25.png
 

In our example, the Product metafield created (product.metafields.custom.example) is copied.

33. Add the copied metafield in the following code snippet:

<span class="custom_meta">{{ product.metafields.custom.example }}</span>

 

34. Copy the resulting code snippet into the Custom tags section of the Theme editor.

Shopify_integraci_n_oct_22_-_26.png
 

Our example shows how to include the metafield code for the Product created.

35. Click Save.

Shopify_integraci_n_oct_22_-_29-min.png

 

 

Success!
Your installation of the Connectif app for Shopify is now ready.

  

You can make sure you've successfully integrated it by following the steps in this article.

 


Preguntas frecuentes

1. I don't have an active Connectif plan yet and I want to sign up for one

(This section explains what to do if you don't have a Connectif plan and want to sign up through Shopify).

  • In that case, follow the prompts in Step 2.

2. I already have a Connectif plan but I want to pay for it through Shopify

(This section explains what to do if you already have a Connectif plan that isn't being billed through Shopify and want to switch to pay for it through the tool).

  • In your Shopify account, go to the Connectif module dashboard, and under Plan, click the Sign up.

Shopify_integraci_n_oct_22_-_30.png

 

  • Once you have reviewed and accepted the conditions, choose and accept the payment method.

Shopify_integraci_n_oct_22_-_31.png

 

3. I need to start paying for the assigned plan

(This section explains what to do if you have already assigned the plan to be confirmed and you are going to start paying through Shopify).

  • In your Shopify account, go to the Connectif module dashboard, and under Plan, click the Sign up.

Shopify_integraci_n_oct_22_-_30__1_.png

 

  • Once you have reviewed and accepted the conditions, choose and accept the payment method.

Shopify_integraci_n_oct_22_-_31__1_.png

 


Keep learning!

To make the most of your Connectif account, we recommend reading these articles next:

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0