Chrome browser extension
Table of contents
In short
With the Varify Chrome extension you can use the Varify Editor locally, even if the code snippet is not directly integrated into your page. It also allows you to check whether your script has been implemented correctly. The Responsive Device Switcher is also available to you, even if it is blocked by default on your website. In addition, the extension shows all active experiments and offers you the opportunity to switch effortlessly between the Variants of an experiment to change.
Step-by-Step Tutorial
Varify.io Chrome extension
Installing the Chrome extension
- Download the extension:
- Download the Varify.io Chrome extension.
- You can find the extension under: Varify.io Chrome Extension
- Installation and activation in Chrome:
- Click on "Add" to install the extension.
- Activate the extension after installation.
- Add them to your extension bar in Chrome
Functions of the Varify.io Chrome extension
Local integration of the Varify snippet
With the Varify Chrome extension can you do that Varify code snippet only locally in your browser to execute the Editor and the functions of Varify to test.
This is how it works:
- Open the Varify dashboard and search for "Get Snippet Here".
- Copy the displayed Varify snippet.
- Open the Varify.io Chrome extension.
- Paste the copied snippet into the field "Your Snippet Code" within the enlargement.
- Activate the Toggle switch "Integrate snippet"to display the snippet only in your browser to be executed.
❗️Important: This version only applies to your browser and is not visible to other users. As soon as the Varify snippet directly into the website has been integrated, you should use the Deactivate toggle switch againto avoid duplicate implementations.
Example 1: Test Varify Editor
You can use the Varify Editor without embedding the snippet directly into your website. This allows you to familiarize yourself with the functions and test initial changes.
Example 2: Creating initial test experiments
Set up first Experiments and only display it in your own browser. This way you can check how changes look before you permanently integrate the snippet into the website.
Check code snippet integration
In the upper right area of the Varify Chrome extension you can see at a glance whether the Varify code snippet already integrated into the website code is.
❗️Important: This is about the Integration directly in the website codenot the snippet that you inserted via the Chrome extension.
🟢 Green dot & "Snippet found" → The snippet is successfully integrated into the website.
🟠 Orange dot & "Snippet not found" → The snippet was not found and still needs to be integrated.
Bypassing problems with the Responsive Device Switcher
The "Responsive Device Switcher" in the visual editor allows you to create a website in different Screen widths display.
In some cases, due to Framing restrictions happen that the Device Switcher the website does not load. If this occurs, the Varify Chrome extension a simple solution:
- Activate the switch "Allow Responsive Device Switcher" in the Chrome extension.
- Reload the page.
Active experiments
Under "Active Experiments" you see all active experiments on the page you are currently viewing. As well as the Variantwho you currently assigned are
This allows you to quickly check whether the "Page Targeting"- and "Audience targeting"-settings are correct and the experiment is played for you as intended.
Experiment Variation Switcher
The Experiment Variation Switcher in the Varify Chrome extension allows you to customize your Assigned variant for the experiments played on the page.
This is how it works:
- The dropdown under "Experiment Variation Switcher" lists all on the active experiments page on. Select the experiment for which you want to change the variant accordingly.
- The currently active variant is displayed in the dropdown under "Active Variation" is displayed. Select the variant you want to switch to here.
- Click on "Switch Variation"to change them.
💡TIP: This function is particularly useful for Quality assuranceas you can switch between variants and check their display.
You can find out more here: A/B testing - quality assurance
