Integration with VTEX IO

If your ecommerce platform is based on VTEX IO, 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 integrate your VTEX IO store with Connectif

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


Step 1. Download the application

  1. Access the following link: Connectif in VTEX App Store.
  2. Click the Get App button at the top right.


  1. Log in to VTEX IO.


  1. Confirm the order by following the VTEX instructions.
  2. Click Complete purchase.



Step 2. Module installation

  1. Click the Go to installation page button.


  1. On the next screen, review the required permissions of the Connectif module and click Install.



Step 3. VTEX App Activation

a. Prerequisites

(This section explains how to create an Application Key, which you’ll need to activate the Connectif VTEX App).

  1. In your VTEX account, go to "Account Settings > Account Settings > User Roles" and click New Role.


  1. Assign the following permissions to the role: 
    • Product Catalog > Content, Admin, Marketing, Configuration, Commercial, Miscellaneous, Reports, Marketplace, Collection.
    • Product License Manager > Services Access Control.
    • Product Checkout > CheckoutResources.
    • Product OMS > OMS Acccess.
    • Product Master Data > Generic resources, Application, Comment, Customized Search, Form, Import.
    • Product Dynamic Storage > Dynamic storage generic resources > Read only documents.
    • Product Dynamic Storage > Data entity > List, create, edit, remove, view, publish.


  1. Go to "Account settings > Account settings > Application keys" y and click  Add.


  1. In the new Application Key creation panel, click  Add roles.


  1. Assign the new role configured for Connectif.


  1. Click Save.



b. Activating the application 

(Here you will enter your account identification data to activate the Connectif app in VTEX IO).

  1. Log in to your Connectif account and, under "Integrations > ERPs and CRMs > VTEX", click  Edit.


  1. Copy the Client ID and Secret Key.


  1. Go to your VTEX IO account and go to "Installed Apps > Connectif > Settings".
  2. Fill in the VTEX Key with your Customer ID, and VTEX token with your Secret Key.


  1. (Optional) Select the sales channels with which you want Connectif to synchronize purchases. All purchases will be logged by default.
  2. Click OK to save your changes.


c. Verifying the integration

(In this section we’ll review the configuration of the store URL in Connectif). 

  1. Access your Connectif account.
  2. In "Integrations > VTEX" click  Edit.
  3. Check that the Shop Domain corresponds to a domain of your website that is public and accessible.


  1. In "Integrations > Web", click on the Push Notificationstab.
  2. Check that the ServiceWorker URL corresponds to a public and accessible domain of your store.



Step 4. Configuring Connectif in the Checkout page

(This section describes how to set up web tracking in VTEX IO).


VTEX IO has a separate Checkout section from the rest of the VTEX store. In order for Connectif to perform web tracking and display content during the order confirmation process, you need to manually add a code snippet from the backoffice to the checkout section.

  1. Go to your VTEX store settings, in "Installed Apps > Connectif", and copy the Checkout custom code snippet.


  1. Go to "Store Settings > Checkout" and click  (Edit).


  1. Go to the Code tab and modify the checkout6-custom.jsfile, adding the copied code:




The Connectif integration with VTEX IO is now ready.


You can check that you’ve completed your Connectif integration with VTEX IO correctly in this article.


Keep learning!

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

Was this article helpful?
0 out of 0 found this helpful