Integration with WooCommerce

If your ecommerce is built in WooCommerce or WordPress, you can easily integrate it with Connectif and start collecting customer data to create your campaigns.

In this article, you’ll learn how to integrate your Connectif account with WooCommerce.

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

 

STEP 1. Download the module

  1. Access your Connectif account.
  2. Go to Store Setings on the left-hand menu.

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

Woocommerce_Integracion_-_1.png

  1. In the Configuration section, click  Download zip to download the file “wp_connectif.zip” to your computer.

Integración con WooCommerce - 1-min.png

 

Don’t close this window! You’ll need it later when you extract the identifying data for your account.

STEP 2. Installing the module in your WooCommerce

  1. Log in to the WordPress back office.
  2. Go to Plugins and click Add new.
  3. Then click Upload Plugin..

Woocommerce_Integracion_-_3.png

  1. Click Select file and browse to the folder where you downloaded the ZIP file with the Connectif plugin on your computer.

Woocommerce_Integracion_-_4.png

  1. Select it and click Install Now.
  2. Once the file is installed, click Activate Plugin.

Woocommerce_Integracion_-_5.png

 

STEP 3. Module configuration

  1. In the WordPress navigation bar, click Connectif. This new menu section has been created after the installation of the module.

3.1. Authentication

(In this section you’ll find the steps to complete the authentication of the Connectif module in WordPress).

  1. I WordPress, enter the Customer ID and the Secret key of your Connectif account. This data is available in Connectif in the "Integrations > WooCommerce" section.

Integración con WooCommerce - 2-min.png

  1. Check that the Activate Account slider is activated and click Save Changes.

Woocommerce_Integracion_-_7.png

 

3.2. Banners

(This section explains how to create banner IDs in WooCommerce).

 This process is optional. Find another way to display Inline content in this article/a> .
  1. Click Add Banner.
  2. Enter a Banner ID (identifier).
  3. Activate it and click Add Banner.
 

This is the ID that will be used to display the Inline content via the automatically-created shortcode. More information about Inline content.

Woocommerce_Integracion_-_8.png

 

3.3. Extra Fields

(This section explains how to synchronize the additional fields that appear in the list and are not active with Connectif).

 

In Extra Fields you can see all the available contact fields created in WooCommerce and synchronize them with Connectif. The "first_name" and "last_name" fields are active by default, as well as the email address, which is not shown as it is the key field.

  1. Click the button to change the status to "ON".

Woocommerce_Integracion_-_9.png

 

In our example, the "nickname" field is activated.

  1. Create the custom field in Connectif from "Contacts > Contact fields", by clicking  Add new custom field.

Woocommerce_Integracion_-_10.png

 

In our example, the custom field associated with "nickname" will be created.

  1. Assign the ID to the new custom field to match the field name in WooCommerce and save the changes.

Woocommerce_Integracion_-_11.png

 

In our example, "nickname" is assigned as ID. This will synchronize the value of this field in Connectif.

 

 

In order for the data to be automatically synced, the ID of the custom contact field you create must be the same as the field name you have activated in WooCommerce. Learn how to create custom fields in Connectif.

 

3.4. Public URL

(This section shows the URLs for newsletter subscription and unsubscribe reports and  ServiceWorker installation, which is responsible for the operation of push notifications).

Woocommerce_Integracion_-_12.png

 

This information is autocompleted in Connectif after installation of the plugin, it is advisable to check in Connectif that the URLs indicated are the same.

  1. Check the URLs for newsletter subscription and unsubscription in the integration page, in Advanced Settings.

Integración con WooCommerce - 4-min.png

  1. Go to "Integrations > Channels > Web Push Notifications" to check the ServiceWorker URL.

Integración con WooCommerce - 5-min.png

 

3.5. Advanced Fields

(In this section, we’ll configure the different aspects related to the catalog and the registration of certain events in Connectif. They are optional and not necessary for basic integration).

  1. To activate the fields, switch the field selector to "ON". These are the fields you can configure:
    • Use SKU: to use the WooCommerce SKU as the product ID in Connectif.
    • Image size: to indicate the size of the product images that are synchronized with Connectif.
    • Order events: to log purchase events.
    • User Registration event: to synchronize registration activities in WooComerce.
    • User Login event: to collect the login events of the contacts.
    • Newsletter event: to capture the newsletter subscription event.
    • Cart status event: to record cart status changes.
    • Search events: to synchronize search events.
    • Activate Log: to activate an error log.
  
 

To receive information about contact’s newsletter subscription status in Connectif, you’ll need to integrate this plugin.

Woocommerce_Integracion_-_15.png

 

Success!
Your Connectif account is now integrated with your WooCommerce.

  

Once the plugin configuration is finished, we recommend that the integration is correct. You can see how to do it in this article.

 


Keep learning!

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

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