Learn how to integrate your Shopify, Shopify Advanced, or Shopify Basic store with Intelligems for a Pricing Test using duplicate products.
In this article:
- Prerequisites: Download the Intelligems App and approve billing.
- Step 1: Add Intelligems JavaScript.
- Step 5: Hide duplicate products from collections pages
-
Step 7: Publish your theme changes and start your first test.
- What happens next?
Prerequisites: Download the Intelligems App and approve billing.
If you have not already done so, please download the Intelligems app from the Shopify app store and approve billing in the Settings section in the app.
❗If you have chosen to have Intelligems complete the integration, many of these steps will be done on your behalf. Feel free to jump over to this article for an overview of the onboarding process and next steps.
Step 1: Enable Intelligems JavaScript.
The best way to add Intelligems javascript to your theme is to Enable it in the "Customize" section of your theme. You can simply click "Enable" on the alert depicted below.
You can also log into your Shopify Admin, and navigate to Sales Channels > Online Store > Live theme - Customize > App Embeds. Search "Intelligems", make sure it is toggled on, and Save.
For more advanced or custom options, you can check out our article on different ways to import Intelligems.
Step 2: Set up your test.
If you have not already done so, the next step in the integration is to set up your first Pricing Test. Check out our guide on doing this here. Don't worry - it won't be going live right away and you can always make edits before launching it!
When you create your test, Intelligems will generate duplicate products in your Shopify store in order to be able to display the correct test group price(s). Intelligems generated products will be tagged with price_test. These products will be archived when you end your experiment.
❗Intelligems uses product duplication to run price tests on Non-Shopify Plus stores. Not an option for you? Contact us at support@intelligems.io or through the support bot in our app.
Step 3: Tag product prices.
The next step to start a Pricing Test is to make sure the Intelligems app is aware of all the places where prices appear in your store by confirming that all product price and compare-at-price locations be tagged - these tags allow the app to dynamically modify the price for each test group. The easiest way to do this is using the Integration Widget, which we'll walk you through step-by-step in this article.
❗Note that you do not need to tag prices in the cart or cart drawer as we will manage updating those either through checkout scripts or duplicate products, depending on your version of Shopify.
Step 4: Configure duplicate products.
As mentioned above, when you create and save a new Pricing Test in the Intelligems app, we will duplicate selected products in your non-Shopify Plus store. Please refer to the guide here on how to configure these duplicate products in Shopify. Duplicate products will be activated when you start your test, but you may need to do so beforehand to complete some of the configuration steps.
Step 5: Hide duplicate products from collections pages
Find the liquid file that renders your collections pages. It may be called something like collection-page.liquid. Find the code block that renders each product in the collection and wrap it in the the following unless statement:
{% unless product.tags contains "price_test" %}
...
{% endunless %}
In context, the code should look something like this:
{% for product in collection.products %}
{% unless product.tags contains "price_test" %}
{%
render 'product-thumbnail',
product: product
%}
{% endunless %}
{% endfor %}
Step 6: QA your integration.
After you have completed all previous integration steps, go through your store using Preview Mode in the Integration Widget (see more on how to start preview mode here) and make sure everything looks correct. Follow our QA checklist here!
Step 7: Publish your theme changes and start your first test.
Once you have verified Intelligems is fully integrated, you can publish your theme changes (if you haven't already) and start your test from the Intelligems App! Check out our step-by-step guide on starting your test here.
What happens next?
Now that you've started your first test, here are some things to do next.
- Check the Analytics Dashboard to see how the test is doing frequently. Note that it may take one to two hours for data to flow in!
- Start thinking about your testing roadmap.
- Review some test suggestions.