Help Center
Help Center
Visiopt is a cutting-edge optimization and testing platform designed to enhance the performance of your Shopify store through advanced multivariate testing and comprehensive analytics. By integrating Visiopt with Shopify, you can conduct sophisticated experiments on your store's layout, design, and functionality to determine what drives the best results. This integration allows you to make data-driven decisions that improve customer engagement, increase conversion rates, and ultimately boost your revenue.
Integrating Visiopt with your Shopify store provides several critical benefits:
Enhanced Testing Capabilities:
Move beyond traditional A/B testing with Visiopt's advanced multivariate testing, enabling you to test multiple variables simultaneously.
Data-Driven Insights:
Gain deeper insights into customer behavior and preferences, allowing you to tailor your store to meet their needs more effectively.
Improved Conversion Rates:
By optimizing your store based on test results, you can significantly increase your conversion rates and sales.
Automated Optimization:
Visiopt automates the process of identifying the best-performing variations, saving you time and effort.
Seamless Integration:
Visiopt's integration with Shopify is designed to be straightforward and user-friendly, ensuring that you can start optimizing your store quickly.
Shopify Account:
By ensuring you have these prerequisites in place, you will be well-prepared to integrate Visiopt with your Shopify store and start optimizing your online business for better performance and higher conversions.
Before you can start tracking with Visiopt, it's essential to identify the pages you want to include in your funnel. Visiopt can track and test all Shopify pages, including:
Step 1: Accessing Visiopt Dashboard
Step 3: Adding Pages to the Funnel
Step 4: Generating the VisiSmart Script
Adding VisiSmart Code to Product Pages
Please note: The below instructions demonstrate on product pages but follow the exact same steps for all page types. All Shopify Pages have templates.
Please note that due to Shopify Changes the easiest way to add VisiSmart Code is to add directly to the page templates. This is quick and easy.
If your product template for the page you want to add is unique, meaning it is used for that one product only you can skip this step and refer to step 1a.
If the same product template is used across more than one product, which is common then you will want to follow these steps to create a “testing template”.
Step 1: Create a New Template if Needed:
Step 2: Name the New Template and Select the Template to Clone:
Step 3: Add the VisiSmart Script to the New Template:
Step 4: Save the Changes:
Step 5: Use this template to Test
Step 6: Assign the New Template to Specific Products:
Step 7: Save the Changes:
Important: It is best to create a new product template for every product you want to test. This will avoid mistakes. If you are only tracking and running one product test at a time you could use the same exact product template each time but be careful because if you are tracking and/or testing more than one product at a time in Visiopt this will cause issues and errors. Also when a test is done be sure to revert to the original template used.
If your product uses a unique template then there is no need to set up a new product template. You can follow the steps above and add VisiSmart code directly to the existing product template.
Follow the exact steps above in step 3.1 but do not create a new template. Instead use your product template.
Step 1: Add the VisiSmart Script to the New Template:
Step 2: Save the Changes:
You should have the VisiSmart Code for your thank you page from a previous step.
Step 1: Opening VisiSmart Tracking Script Pop-Up:
Step 2: Modifying and Pasting the Tracking Pixel
analytics.subscribe("checkout_completed", (event) => {
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
} return "";
} var visi_wid=111;
var visi_pid=222;
var param_Email = '';
param_Email += 'site_id' + "="+ visi_wid ;
param_Email += '&page_id' + "= "+ visi_pid;
param_Email += '&_vt_sid' + "=" + getCookie('_kx_sid');
param_Email += '&visi_email' + "=" +
event.data?.checkout?.email;
console.log(param_Email);
fetch("https://visiopt.com/client/c_email.gif?"+param_Email)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
});
Congratulations all your VisiSmart Scripts have been added.
To set up a webhook you must first have a test or campaign set up.
1. Pixel Not Tracking
2. Webhook Issues:
Some users use 3rd party page builders and checkout pages to connect with Visiopt.
Each Page Builder App is built differently and requires a slightly different set up.
Adding code to these builders is actually easier than to Shopify.
Please refer to the help documents here for additional assistance.
Shopify Course
If you don’t see the app you use, don’t worry, we are here to help.
This detailed guide covers the steps necessary to add VisiSmart code to Shopify product pages using two methods, as well as the process for integrating the tracking pixel on thank you pages.