Optibase
Connect Optibase with Webflow to run A/B tests without writing code.
How to integrate Optibase with Webflow
Optibase integrates with Webflow natively, so you can test any element without writing code: headlines, buttons, images, forms, or full page layouts.
There are several ways to connect Optibase with Webflow. Most users install the Optibase Webflow marketplace app for a point-and-click setup. You can also add a JavaScript snippet through native features, embeds, and custom code for more control.
Use the Optibase app
The Optibase Webflow App gives you access to A/B testing functionality from within Webflow. After you install from the Webflow Apps Marketplace, authenticate your Optibase account and start creating tests. The app handles variant assignment, traffic splitting, and conversion tracking. You can target audiences by geography, device type, browser, or traffic source from the Optibase dashboard.
The Optibase app lets you do the following:
- Create A/B tests by selecting page elements and assigning them to test variants
- Run split URL tests to compare different page versions or funnel variations
- Set up multivariate tests to evaluate multiple elements at once
- Track conversions for clicks and form submissions, with support for custom conversion goals
- Configure audience targeting by location, device, browser, or traffic source
Native features, embeds, and custom code
If you prefer direct control or need to install Optibase on specific pages only, the manual script installation method works through the Webflow custom code settings. Navigate to Workspace Settings > Custom Script in your Optibase dashboard to copy your workspace-specific JavaScript snippet, then paste it into Webflow's site settings under Custom Code in the Head Code section. Place the script at the very start of the <head> tag to reduce flickering between variants and ensure proper execution timing.
After you publish your site, verify the installation by appending ?optibaseEnableDebugMode to any page URL. Open your browser's developer console to see debug logs that show loaded test IDs, selected variants, and active conversion listeners.
This method works well when you need to run custom JavaScript logic based on which variant a user sees. You can also add the Optibase script to specific CMS pages using custom code in the CMS or through a custom code embed.
What you can build
Integrating Optibase with Webflow lets you run data-driven experiments across your site without developer resources.
- High-converting landing pages: Test headline variations, hero images, CTA button text, and form layouts on campaign landing pages.
- Optimized signup and demo funnels: Run split URL tests comparing multi-step versus single-page signup flows to improve lead-to-demo conversion
- Personalized experiences by audience segment: Deliver different content based on visitor location, device type, or traffic source to find what converts best for each audience
- CMS-powered content experiments: Test headlines, descriptions, and media across blog posts and product pages built with the Webflow CMS
Frequently asked questions
Append
?optibaseEnableDebugModeto your site URL and open your browser's developer console. The console should display debug logs that indicate loaded test IDs, selected variants, and conversion listeners. This confirms that Optibase runs correctly. For more details, see the Optibase installation guide.Flickering happens when the Optibase script loads after the page has already started rendering the original variant.
Make sure the Optibase script is placed at the very start of the
<head>tag in Webflow's site settings (Custom Code > Head Code section). This lets the script load early in the rendering process, before content displays to users.If you still see flickering after correct placement, check that:
- Your Webflow site is published (not in preview mode)
- Browser extensions or ad blockers aren't blocking the script
- You only have one Optibase script instance per page
See the Optibase script placement documentation for detailed troubleshooting steps.
Optibase has documented limitations with localized subpaths. Test variants configured for one locale may incorrectly appear on other locale pages. For example, a variant set for
/en/productmight display on/fr/product. Workarounds include creating separate test configurations for each locale or using custom JavaScript to detect and control locale-specific variant display. For more details on Webflow's localization, see the localization guide for developers.
Description
Optibase is an A/B testing platform built for Webflow. The integration lets you create and manage experiments within Webflow, track conversions, and allocate traffic based on conversion performance. You can test headlines, CTAs, layouts, and entire page versions while maintaining site performance and SEO.
This integration page is provided for informational and convenience purposes only.

Census
Connect Census, a reverse ETL platform, with Webflow to sync data from your cloud warehouse directly to CMS collections and automate content updates.

Mixpanel
Connect Mixpanel with Webflow to track specific user interactions that page view analytics miss entirely.

Google Ads
Connect Google Ads with Webflow to track conversions and manage Performance Max campaigns.

Snowflake
Connect your Snowflake data warehouse to Webflow using REST APIs to sync analytics data, populate dynamic content, and build data-driven web experiences.

Zuko
Connect Zuko Analytics with Webflow to track detailed form interactions, identify drop-offs, and optimize conversion performance through behavioral insights.
The Facebook Pixel
Use the Facebook pixel to understand the actions people are taking on your website.

Optimizely
Add Optimizely's experimentation platform to your Webflow site for A/B testing and personalization.

Nocodelytics
Connect Nocodelytics with Webflow to track user behavior, clicks, and conversions without coding custom analytics.

Matomo (formerly Piwik)
Connect Matomo's privacy-focused analytics with Webflow to gain deep insights into visitor behavior while maintaining complete data ownership. Track conversions, visualize user journeys, and optimize your site's performance without compromising user privacy or sharing data with third parties.


