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.
Marketo
Connect Marketo with Webflow to capture leads, track visitor behavior, and create personalized marketing campaigns directly from your Webflow site.
Klaviyo
Connect Klaviyo's powerful email marketing and SMS automation with Webflow to create personalized customer journeys, capture leads through embedded forms, and sync e-commerce data for abandoned cart recovery and behavioral targeting — all without leaving your visual design environment.
Hotjar
Connect Hotjar's powerful user behavior analytics with Webflow to understand how visitors interact with your site. Track heatmaps, session recordings, and gather feedback to optimize user experience and boost conversions — all without coding.
Google Tag Manager
Connect Google Tag Manager to Webflow to manage all your marketing and analytics tags from one central dashboard. Deploy tracking pixels, conversion scripts, and third-party tools without touching code, while maintaining site performance and privacy compliance.
Google Analytics
Track website performance, user behavior, and marketing campaigns by connecting Google Analytics 4 with Webflow. Monitor traffic, conversions, and audience insights directly in your Webflow dashboard while maintaining complete design control and privacy compliance.
Awesome Table
Display dynamic, filterable tables and interactive data visualizations from Google Sheets directly on your Webflow site. Create searchable directories, live dashboards, and responsive data views without coding.
AddThis
Turn your visitors into engaged customers.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
