Skip to main content

Shopify Plus

The Kameleoon x Shopify Plus integration empowers Kameleoon users to connect their A/B testing and personalization tools with their Shopify Plus stores. This powerful combination allows for enhanced data-driven decision-making and optimized customer experiences.

Key benefits:

  • Automatically feed data from your store on Shopify Plus to Kameleoon.
  • Easily use customer data (for example, visits, conversions, shopping behavior) from Shopify to quickly create a/b tests and personalizations on Kameleoon.
  • Track e-commerce events in real-time. Get notified about important transactional activity, such as cart abandonment by loyal customers with large AOVs.
  • Serve specific customers personalized product recommendations and content. Reduce shopping cart abandonment with exit-intent popups, price drop emails, and more.

In this article, we provide step-by-step instructions on how to integrate Kameleoon with your Shopify Plus store.

note

These guidelines apply exclusively to users with both a Shopify Plus account and a Kameleoon account.

Use case examples​

  • Prevent cart abandonment. With event tracking, find out when a customer with a large AOV abandons a cart, and take action with pop-ins, automatic discounts, and other personalizations. Help your customers follow through with their purchases.
  • Maximize checkout. Kameleoon AI automatically measures the purchase intention of each shopper in real-time. Trigger the right actions to convert visitors into buyers with Kameleoon Conversion Score (KCS). You need AI Predictive Targeting to activate KCS.
  • Personalize customer journeys. Serve relevant products, messages, and content in real time, to every customer, across all your channels, from arrival to checkout to keep them engaged and loyal to your brand.

Prerequisites​

First, you must have a project in your Kameleoon account dedicated to your Shopify store. If you don't have a project, you can create one by following the guidelines provided in this article. We recommend you implement our asynchronous snippet with anti-flicker. The setup should look like the image below.

Installation via the Shopify app​

  1. Install the Kameleoon app (available in the Shopify App Store).
  2. Click Install.

  1. Enter your Sitecode and click Save.
  2. Once saved, navigate to your theme, where you'll find the "Kameleoon Snippet" extension.
  3. Enable the Kameleoon Snippet extension to install the Kameleoon snippet on your theme.
  4. Click Save.

Events tracking​

The Kameleoon script is then automatically injected into all of your shop's pages.

Kameleoon will also automatically handle the tracking of the main e-commerce events that happen in your shop, including transaction, product views, collection views, access to the cart page, and transaction. Once the App is enabled on your Shopify store, our API will send events to Kameleoon whenever your visitors view a product, a specific collection of products, add a product to cart, or make a purchase. It lets you obtain statistics about a given product (for example, how many times it was bought or viewed in the last hour or day) or create groups of audiences you can then use in our Segment builder. It is also used to obtain a set of automatic product recommendations by utilizing our machine learning product algorithms.

Installing a Web Pixel to track the Checkout page​

If you are using Shopify's checkout extensibility platform features suite, you must create a web pixel that lets you track Shopify events and send the appropriate data to Kameleoon.

The Kameleoon app lets you install the web pixel to track the Checkout completed event. If you want to track more events, you can create your own custom web pixel (see the dedicated article).

To install the web pixel to track the Checkout completed event using the Kameleoon app:

  1. Log in to your Kameleoon account.
  2. Navigate to the Goals dashboard.
  3. Click New goal.
  4. Enter a name for the goal.
  5. Select the Custom Goal type.
  6. Select the same project that is used in the Kameleoon snippet you installed on your Shopify store.
  7. Click Next > Create.
  8. Return to your Shopify store.
  9. Click Install on the Checkout tracking section.
  10. Enter the ID of the goal you created and click Save.

Manual installation​

  1. Install the Kameleoon app (available in the Shopify App Store).
  2. Enter your Sitecode and click Save.
  3. Navigate to the Snippets tab.
  4. For each snippet:
    • Copy the code from the snippet.
    • Got to the theme menu and click Edit code.
    • Create a snippet according to the folder structure.

How to migrate from the old version to the new version of Shopify's Kameleoon app​

If Kameleoon is already installed on your Shopify store (either manually installed or installed using the previous version of this integration) and you want to switch to the new integration, you can follow this guide.

Migrating to the new version allows you to install and uninstall the Kameleoon snippet very easily, with a click on the toggle, for each theme that you use.

To migrate to the new version:

  1. Go to the theme menu and click Edit code.
  2. Remove all the Kameleoon snippet files from your theme:
    • ./Snippets/kameleoon-cart-script.liquid
    • ./Snippets/kameleoon-root-script.liquid
    • ./Snippets/kameleoon-product-script.liquid
    • ./Snippets/kameleoon-collection-script.liquid
    • ./Snippets/kameleoon-checkout-script.liquid
  3. Remove the Kameleoon script from the main file (theme.liquid). You should remove the following rows:
{% capture snippet_content %}{% include 'kameleoon-root-script' %}{% endcapture %}
   {% unless snippet_content contains "Liquid error" %}
   {%if content_for_header contains 'sh-app.kameleoon.com' %}
     {{ snippet_content }}
   {% endif %}
   {% endunless %}
  1. Proceed with the installation via the Shopify app as explained in this article.