Webflow A/B testing

Webflow A/B testing: Webflow Optimize, Optibase and Otter compared

Webflow A/B testing has three main routes: Webflow's own Optimize add-on, a marketplace app such as Optibase, or a script-based tool installed through custom code. This guide explains what Webflow Optimize does and costs, how the alternatives compare, and how to run Otter on a Webflow site, including CMS pages, forms and SEO.

Install location

Webflow Project Settings > Custom Code > Head Code

One shared installation powers every experiment, conversion goal, and report on this site.

  1. 01In Webflow, open Project Settings > Custom Code and paste the Otter snippet into the Head Code field.
  2. 02Publish the site to your live domain, then click Verify Installation in Otter.
  3. 03Create a test: open the published page in Otter's visual editor, or point a split URL test at a second Webflow page.
  4. 04Choose a goal, such as a click on your call to action or a pageview on your form's thank-you page, and preview each variant before launch.

Ideas

What to test on Webflow

Start with the changes closest to the money. These are the ones teams on this platform run first.

Hero headline and call-to-action copy on the homepage
Pricing page layout and plan presentation
Demo request form placement and surrounding copy
CMS template tests across every blog post or case study
Split URL tests between two Webflow page designs
Targeted variants for paid traffic by UTM campaign

The guide

Webflow A/B testing, explained

What is Webflow Optimize?

Webflow Optimize is Webflow's paid add-on for testing and personalization, managed inside Webflow. An optimization holds variations, and it runs in one of three modes. A traditional A/B/n test splits a share of traffic at random and picks a single winner by statistical significance. Rules-based personalization shows set content to an audience until you stop it. AI-optimized mode keeps shifting traffic toward the variation most likely to convert for each visitor and accepts new variations at any time. Variations can change one element, several elements, or redirect to a different page, and each optimization has one target goal plus tracking goals.

On October 11, 2026, Webflow's pricing page listed Optimize from $299/month billed yearly ($379 billed monthly) for 25,000 page views a month, with up to 5 concurrent optimizations. Higher self-serve tiers are $399/$499 for 50,000 page views, $549/$699 for 100,000, $799/$999 for 250,000 and $1,199/$1,499 for 500,000 (yearly/monthly billing). Optimize can't be added to the free Starter plan or to Ecommerce site plans, so you also pay for a site plan such as Basic at $15/month or Premium at $25/month, billed yearly. Unlimited optimizations and firmographic or CRM targeting through 6sense, Demandbase, Salesforce and HubSpot sit on Enterprise, and using Optimize on a non-Webflow site goes through sales.

Optimize's strength is that variations are built on the same Webflow canvas as the site, so designers never leave the Designer. Its help center doesn't name the statistical method behind the significance figure and suggests running tests for 30 days rather than 7 to reach high significance; Webflow University recommends a threshold of 95% or higher.

Webflow A/B testing apps: Optibase

Optibase is the best-known third-party app for Webflow A/B testing. It's listed on the Webflow App Marketplace and marked Approved by Webflow. You build variants inside the Webflow Designer, and its script shows each visitor the assigned variant and removes the others from the page. It runs A/B, split URL and multivariate tests plus personalization, and adds heatmaps and session recordings. Results use a Bayesian Probability to Be Best, and Optibase recommends waiting for 95% before calling a winner.

As of October 11, 2026, Optibase has a free plan for 10,000 tested users a month with one active test at a time. Paid plans are Basic at $79/month ($66/month billed annually) for 20,000 tested users, Business at $159 ($132) for 50,000, and Professional at $319 ($266) for 120,000. It meters tested users, meaning visitors who enter at least one test, so the bill grows with the traffic you test. Because variants sit in the page markup, Optibase's docs ask you to keep only the main variant visible by default so visitors don't see a flash of the wrong content.

We make Otter, which competes with both, so check these figures on the vendors' own pages. For more tools side by side, see our A/B testing tools comparison.

How Webflow A/B testing works with Otter

Otter installs through Webflow's custom code rather than a marketplace app. Paste the Otter snippet into Project Settings > Custom Code > Head Code, publish, and verify the installation from Otter. Check first that your Webflow site plan allows custom code. Because the snippet is site-wide, it loads on static pages and CMS-generated pages alike, and URL rules decide where each test runs: an exact URL for the pricing page, or a wildcard such as /blog/* to test a CMS template across every post.

There are two ways to build a variant. The visual editor opens your published Webflow site in a popup, where you click an element and change its text, HTML, link, image URL or style, insert new content or remove an element, with desktop, tablet and mobile previews. For a bigger redesign, build the variant as a second page in the Designer, such as /pricing-b, and run a split URL test that sends half of visitors there. Split URL tests can carry UTM parameters through the redirect, so paid campaign tracking survives.

Webflow forms need one decision. Otter has no form-submit goal type, so if your form redirects to a thank-you page on success, use a pageview goal on that URL; otherwise use a click goal on the submit button or send a custom event. You can also import a GA4 event you already track, such as a lead event, as the goal. Each test reports conversion rate per variant with frequentist or Bayesian statistics, and Otter can send exposures and conversions to GA4 for your own analysis.

Webflow Optimize vs Otter: cost and fit

Price is the clearest difference. At October 2026 prices, a Webflow site with 100,000 page views a month would pay $549/month billed yearly for the Optimize add-on, limited to 5 concurrent optimizations. Otter's Starter plan is $39/month for one site with unlimited visitors and tests, and Growth at $79/month covers five sites. Both sit on top of your Webflow site plan. See Otter pricing for annual rates.

Pick Webflow Optimize if your team wants to build variations on the Webflow canvas, wants AI-optimized delivery or firmographic personalization, and has the budget for page-view pricing. Pick Otter if traffic would push Optimize into higher tiers, if you want revenue per variant, GA4 events as goals or a choice of frequentist and Bayesian statistics, or if you want to manage tests through a REST API or an AI assistant through Otter's MCP server. Otter has no equivalent of Optimize's per-visitor AI mode; its closest feature is a multi-armed bandit that shifts traffic toward the leading variant. Otter also runs on your other sites under the same account, such as a Framer A/B testing setup or a WordPress blog.

What to test first on a Webflow site

Most Webflow sites market software, agencies and services, so the money is in demo requests and signups. Start with the homepage hero headline and primary call to action, then the pricing page: plan order, which plan is highlighted, and how plan features are worded. Next, test the demo or contact form: its position on the page, the copy around it and the proof beside it, such as customer logos or a short testimonial.

CMS templates are underused test sites. One change to the blog post template, such as a call to action after the second paragraph, runs across every post at once and pools their traffic, which helps a small site reach a result. Estimate duration first with the sample size calculator. A page converting at 5% needs roughly 8,200 visitors per variant to detect a 20% relative lift at 95% significance and 80% power.

Pitfalls when A/B testing Webflow sites

Webflow interactions animate elements on page load and scroll. If a variant changes an element that an interaction controls, preview it at each breakpoint, because the animation may move or hide your change. Selectors are the second trap: Webflow class names are shared across many elements, so a change aimed at one button can match several. Give key elements a unique ID or custom attribute in the Designer, and use Otter's "Only this one" scope when you mean a single element.

Third, publish before you test. Otter runs on the published site, so a change made in the Designer but not published won't appear, and a republish mid-test changes the control for everyone. Finally, Otter hides the page until test settings load, with a 3-second failsafe, on every page that carries the snippet. That prevents a visible swap but adds a short wait to each page load. If you only ever test a few pages, paste the snippet into those pages' own custom code, plus any thank-you pages your goals use, instead of the site-wide field.

Webflow A/B testing and SEO

Google's website testing guidance applies to Webflow like any other site. Don't cloak. Use temporary 302 or JavaScript redirects for split URL tests, never 301s. Put a rel="canonical" tag on the variant page pointing to the original; Google prefers that to noindex. End the test when you have an answer, then publish the winner and delete the variant page.

Visual-editor tests are the lower-risk option: the URL stays the same and Otter applies changes with JavaScript, which Google lists as a valid way to test. For a split URL test, set the variant page's canonical in its page settings or custom head code, and keep it out of your navigation. Otter doesn't assign known bots to a variant, so crawlers see your original page.

Questions

Webflow A/B testing questions

Does Webflow have built-in A/B testing?

Yes, through Webflow Optimize, a paid add-on. It runs traditional A/B/n tests, rules-based personalization and AI-optimized delivery, with variations built on the Webflow canvas. As of October 11, 2026 it starts at $299/month billed yearly for 25,000 page views a month and 5 concurrent optimizations. It can't be added to the free Starter plan or to Ecommerce site plans.

How much does Webflow Optimize cost?

Webflow's pricing page on October 11, 2026 listed Optimize at $299/month billed yearly, or $379 monthly, for 25,000 page views. It rises to $549 a month billed yearly for 100,000 page views and $1,199 for 500,000. Self-serve tiers include up to 5 concurrent optimizations. The add-on sits on top of a paid Webflow site plan, and Enterprise pricing is by quote.

What is the best Webflow Optimize alternative?

Optibase is the closest in workflow, since variants are built in the Webflow Designer, and it has a free plan for one active test. Otter suits teams that want unlimited visitors and tests for a flat $39 a month, revenue per variant and GA4 events as goals, installed through custom code. We make Otter, so compare both on your own site during a trial.

Can I A/B test Webflow CMS pages?

Yes. Otter's snippet loads on every page when you add it to Project Settings > Custom Code, including CMS-generated pages. Use a wildcard URL such as /blog/* to run one change across every item that uses a template, which pools traffic from all of them. Use an exact URL when you want to test a single CMS item, such as one case study.

Do I need a Webflow app to use Otter?

No. Otter installs through Webflow's built-in custom code setting rather than the App Marketplace. Paste the snippet into the head code field, publish, and verify from Otter. Confirm first that your Webflow site plan allows custom code. Variants are built in Otter's visual editor on your published site, or as separate Webflow pages for split URL tests.

Can I test Webflow form conversions?

Yes, with a workaround, because Otter has no form-submit goal type. If your Webflow form redirects to a thank-you page on success, use a pageview goal on that URL. Otherwise, use a click goal on the submit button, which also counts failed attempts, or fire a custom event from your own code. A GA4 event you already track can serve as the goal too.

Does A/B testing affect Webflow SEO?

Not when it follows Google's guidance. Tests that keep the same URL and change content with JavaScript are fine. For split URL tests, use a temporary redirect and put a canonical tag on the variant page pointing to the original. Don't show search engines different content from visitors, and remove test pages once a test ends so only the winning version remains.

Built for Webflow

Run your first test this afternoon

One snippet, no build step, and results you can act on within days.

  • 14-day free trial
  • No credit card required
  • Cancel anytime