Integrating Optimizely for A/B testing

A/B testing is a simple method of running optimization tests on your website. To run an A/B test, you create two different versions of a web page that differ in one way—such as having different headlines—then split traffic between the two versions and watch your analytics to see which (A or B) produces better results. It's important that you only change one element of variant B. Otherwise, you won't know which change led to better performance!

A/B testing a Webflow site is free and simple to do. There are a range of tools you can use, but for this article, we'll focus on setting up A/B testing with Optimizely. Optimizely has a free plan you can use to run simple A/B experiments on any Webflow site, and it does most of the technical work (like splitting traffic) for you.

Here are 6 simple steps to get started with A/B testing:

  1. Sign up for a free Optimizely plan
  2. Find your Optimizely script and copy it to your clipboard
  3. Go to the your Webflow project's project settings → custom code tab. Paste the code you copied in the head code section. Make sure to include the opening and closing <script> tags! It should look something like this:
  • <script src="//cdn.optimizely.com/js/11111111111.js"></script>
  1. Save the changes and publish your Webflow project
  2. Go back to the Optimizely dashboard and create your first A/B test!

Your Optimizely dashboard will monitor performance and let you know how each variant does.