Popular Platforms
Step-by-step installation instructions for the most common website platforms. Find your platform below and follow the guide for it.
Info
Replace
YOUR_SNIPPET_KEY in all examples below with your actual snippet key from Project Settings → Snippet.WordPress
There are two recommended ways to install the snippet on WordPress. The plugin method is easier and does not require editing theme files.
Method 1 — Using a plugin (recommended)
1
Install the 'Insert Headers and Footers' plugin
In your WordPress admin, go to Plugins → Add New. Search for “Insert Headers and Footers” and install the plugin by WPBeginner. Activate it.
2
Open the plugin settings
Go to Settings → Insert Headers and Footers.
3
Paste the snippet
In the Scripts in Header box, paste your A vs B snippet tag. Click Save.
Method 2 — Editing header.php
1
Open the theme editor
In your WordPress admin, go to Appearance → Theme File Editor (or Appearance → Editor on newer WordPress versions). If you do not see this menu, your host may have disabled it — use the plugin method instead.
2
Open header.php
In the file list on the right, click on header.php. This is the file that outputs the
<head> section of your theme.3
Paste the snippet
Find the opening
<head> tag and paste your snippet tag right after it — as early as possible. Click Update File.Child themes
If you edit a parent theme's
header.php directly, your changes will be overwritten when the theme updates. Use a child theme or the plugin method to make your changes permanent.Shopify
1
Go to your theme editor
In your Shopify admin, go to Online Store → Themes. Next to your active theme, click the ... menu and select Edit code.
2
Open theme.liquid
In the file browser on the left, find Layout → theme.liquid and click to open it. This file wraps every page in your Shopify storefront.
3
Paste the snippet
Find the opening
<head> tag. Paste your A vs B snippet tag on the very next line, before any other scripts.4
Save
Click Save. Your snippet is now live on your Shopify storefront.
theme.liquid example
html
1<head>2 <!-- A vs B snippet -->3 <script4 id="avsb"5 src="https://cdn.avsb.cloud/snippet.js?id=YOUR_SNIPPET_KEY"6 ></script>7
8 {{ content_for_header }}9 ...Webflow
1
Open Project Settings
In the Webflow Designer, click the W logo in the top left to open the menu, then go to Project Settings.
2
Go to the Custom Code tab
Click the Custom Code tab in Project Settings.
3
Paste in the Head Code section
In the Head Code box, paste your A vs B snippet tag. This code is injected into the
<head> of every page in your Webflow project.4
Save and publish
Click Save Changes, then publish your site. The snippet will only be active on the published site, not in the Webflow Designer preview.
Squarespace
1
Open Settings
Log in to your Squarespace account. Go to Settings → Advanced → Code Injection.
2
Paste in the Header section
In the Header text area, paste your A vs B snippet tag. Squarespace injects everything in this box into the
<head> of all pages.3
Save
Click Save. Your snippet is now active.
Squarespace plan requirement
Code Injection is only available on Business and Commerce plans. It is not available on the Basic plan.
Wix
1
Open Settings in your Wix dashboard
Go to your Wix site's dashboard and click Settings in the left menu.
2
Go to Custom Code
Under the Advanced section, click Custom Code.
3
Add new custom code
Click + Add Custom Code. Paste your A vs B snippet tag in the code box.
4
Configure placement
Set Place Code in to Head. Set Add Code to Pages to All Pages (or choose specific pages if needed).
5
Apply and publish
Click Apply, then publish your site. Your snippet is now live.