Want to measure if Fibbl’s 3D experiences improve conversion rates or reduce returns? With Shoplift, you can A/B test different versions of your store — such as with and without Fibbl — to learn what truly resonates with your customers. You can experiment with our different concepts such as 3D-First, live-image, 3D Quick-view or Virtual try-on setups. But the purpose of this guide, is to go through how you can testing Fibbl vs. non-Fibbl PDPs the right way.
As a Fibbl customer, you’ll also get a 30-day extended Shoplift trial.
How to set up the test
Most brands already run the Fibbl script on their global product detail page template — which is the correct long-term setup. However, if you want a clear A/B test using Shoplift to prove the impact, the best approach is to use two product templates in Shopify:
Template | Info |
Variant A (Test) | A duplicate of your current template with Fibbl active |
Variant B (Original) | Your current PDP template without Fibbl |
We structure it this way because the goal is not to prove whether Fibbl is “nice to have” — it’s to compare the new standard against the old way.
Step-by-step
1. Duplicate your product template in Shopify
If you do not have multiple templates you will probably have a default template named "Default product". To create a new variant template you follow these steps:
Go to Online Store → Customize → Home page → Products → Create template
Base it on the default template. After this you will have two templates:
fibbl_template.json → Variant A (Test)
default_product.json → Variant B (Original)
2. Activate the new template on the products that should have the Fibbl experiences
In the main menu, navigate to 'Products'
Select the product that should have the the Fibbl experiences activated
Click 'Bulk edit'. In the table, change to the new template in the column 'Templates'(You may need to add this column to the table if not visible by default)
Click 'Save'
3. Duplicate the product liquid file
Now duplicate the product liquid file(commonly named main-product.liquid). You can duplicate this file by copying all the code in the file, then create a new file by clicking on the "create new file"-icon.
Paste the code into the new file. Name the file something suiting like main-product-fibbl.liquid.
In the duplicated file. Add the fibbl component code. (Important: if you already have fibbl implemented on your original product liquid file be sure to remove it.)
Do not remove the Fibbl script tag from your theme.liquid file
4. Connect the new product file to the new template
Open the duplicated template file navigating to the code editor: Online Store → Edit Code.
Open new template file(fibbl_template.json in this example) and change sections type to the new product liquid file(main-product-fibbl in this example)
5. Set up the A/B test in Shoplift
Open Shoplift → Tests → Create test
Choose Test content → Test a template
Select the 'Products' column and choose the new Shopify product template(In this example "fibbl_template.json")
As variant choose the original template.
Follow the steps and select the measurements and targeting of your preferences
Choose 'Launch test' (If you want to verify that the test is affective open the product PDP's in incognito mode multiple times, the "Preview in browser" is not working as expected)