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.
- 01In Webflow, open Project Settings > Custom Code and paste the Otter snippet into the Head Code field.
- 02Publish the site to your live domain, then click Verify Installation in Otter.
- 03Create a test: open the published page in Otter's visual editor, or point a split URL test at a second Webflow page.
- 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.
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?
How much does Webflow Optimize cost?
What is the best Webflow Optimize alternative?
Can I A/B test Webflow CMS pages?
Do I need a Webflow app to use Otter?
Can I test Webflow form conversions?
Does A/B testing affect Webflow SEO?
Keep reading
Related guides
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