If your eCommerce is developed in Shopify, you can sync it with your Connectif account in just a few minutes and start collecting interaction data from your contacts on the website.
In this article, you will learn how to install and configure the Connectif app for Shopify.
Difficulty: Low.
When to use it?: When opening your Connectif account.
STEP 1. App Installation
1. Log in to your Connectif account.
2. Go to Store Settings in the left side menu.
3. In the e-commerce Platforms section, find Shopify and click on Edit.
4. Click on Install our module from the Shopify app store to go to the Shopify App Store.
5. Click on the Install app button.
6. Log in or create a new account.
STEP 2. Subscription Activation
7. Log in to your Connectif account.
8. Select the store you want to integrate and configure.
9. Go to the General Information block to review the information about the Connectif account linked to your Shopify installation.
10. Choose from one of the available Connectif plans.
11. (Optional). Request a custom plan from Connectif through the Request a custom plan panel.
STEP 3. App Configuration
3.1. (Optional). Configuring store information transfer to Connectif
(This section explains the steps to configure accounts that will collect activity information in different stores. This way, Connectif will only register activity in the corresponding account when a customer browses in the configured language and currency).
12. In the Multi-Store section, click Enable.
13. Select the language and currency in which you want to register activity for the main account and click Enable.
14. Click Add Store to connect another Connectif account to track the store in another language and/or currency.
15. Enter the username and password of the Connectif account that will track the second store.
16. Select the store you are going to link to that account.
17. Select the language and currency in which you want to register activity for the secondary account and click Add.
3.2. Sync Configuration
(This section explains the minimum steps required to sync Shopify and Connectif and start collecting real-time interaction data from web contacts).
18. In "Settings > Tracking", activate the Connectif tracking switch to include the Connectif script on your website.
19. Click Save changes.
20. Click the Configure theme extension button.
21. Select the active theme (the one marked as "main") and click Configure theme extension.
22. In the Theme Editor, click Save to enable the Theme Extension in your account.
3.3. Configuring to receive product information
(This section explains the Connectif module configuration options to collect product information).
23. In "Settings > Product", check or uncheck the Use product variants checkbox to collect product variants (size, color, etc.) in carts and purchases.
24. Choose between collecting the Shopify internal product ID or SKU by checking one of the two selector options.
25. Check the Update products in real-time box if you want to update products in Connectif immediately when a change is made to the product from the Shopify panel.
26. Click Save changes.
3.4. Configuring purchase notifications
(This section explains the Connectif module configuration options to collect purchase information).
27. In "Settings > Purchases", choose between notifying online or offline purchases. By default, Connectif will collect online purchases.
3.5. Theme Extension Configurations
(This section explains what configurations can be adjusted in the Theme Extension editor and how to do it).
28. Click on the Configure Theme Extension button.
29. In "Cart Configuration", verify that the Use product variants option matches the one you selected in step 3.3.
30. In "Product Settings > Product ID", confirm that the product information configured matches what you selected in step 3.3.
31. In "Product Settings", choose the product image size to be displayed in Connectif (in pixels).
32. In "Custom Tags", insert the custom fields created in Connectif using Liquid code.
3.6. (Optional). Creating Custom Product and Customer Fields in Shopify
(This section explains how to create custom Product and Customer fields in Shopify and sync them with those in Connectif).
33. Go to the Admin Panel of your Shopify store and click on Settings.
34. Go to Metafields and select the part of the store where you want to add the new custom field.
35. Add a new metafield by filling in the Name and Description.
36. Select a Field Type.
37. Check the box that allows this field to be connected via API.
38. Click Save.
39. Copy the metafield name to include it in the Theme Editor.
40. Add the copied metafield in the following code snippet:
<span class="custom_meta">{{ product.metafields.custom.example }}</span>
41. Copy the resulting code snippet into the Custom Tags section of the Theme Editor.
42. Click Save.
Frequently Asked Questions
1. I don't have an active Connectif plan yet and want to subscribe
(This section explains what to do if you don't have a Connectif plan and want to subscribe through Shopify).
- In that case, follow the instructions in Step 2.
2. I already have a Connectif plan but want to pay through Shopify
(This section explains what to do if you already have a Connectif plan that is not being billed through Shopify and want to switch to pay through the tool.)
- In your Shopify account, go to the Connectif module control panel and, in Plan, click the Subscribe button.
- Once the conditions are reviewed and accepted, choose and accept the payment method.
3. I need to start paying the assigned plan
(This section explains what to do if you already have the assigned plan to subscribe and are going to start paying through Shopify).
- In your Shopify account, go to the Connectif module control panel and, in Plan, click the Subscribe button.
- Once the conditions are reviewed and accepted, choose and accept the payment method.
4. How to Recover Abandoned Carts with the Cart Recovery URL
(This section explains how the Cart Recovery URL works to retrieve the items associated with a specific cart).
Through integration with Shopify, Connectif receives a Cart Recovery URL, a link used to retrieve the items related to that cart and which can be used in workflows and content.
To obtain the cart recovery URL through a workflow, use the nodes "Get Last Cart" and "On Cart Abandonment," then map it in the content variables to be displayed or sent.
- Learn how this URL functions in different CMSs and how to use it in this article.
Keep learning!
To get the most out of your Connectif account, we recommend continuing with the following articles:
-
Onboarding, to gain proficiency with our interface.
-
Purchase tracking with the Shopify snippet, to learn how to add the purchase tag.
-
Integrations with external systems, to integrate with Facebook, forms, and webhooks from your website.
-
API Integrations, to manage events such as purchase registrations or contact sign-ups.