A/B testing on Webflow: how to install and what to test
Webflow generates clean HTML, which makes A/B testing easy and reliable. The only care is to remember to publish the site after pasting the code. Donnu runs as a header script, with no code export and without leaving Webflow.
Webflow ships semantic HTML and stable classes, the ideal scenario for a visual editor to select elements precisely. You add Donnu in the project code and it applies to the published site, without affecting Webflow interactions and animations. The snippet is under 6KB with anti-flicker, so nothing flickers.
How to install Donnu on Webflow
- In the project code. Open the project settings in Webflow, go to Custom Code and paste the Donnu line in the Head Code field. Publish the site to make it live.
- Per page, if you prefer. You can also paste it on a specific page (page settings, custom code), useful to test only the campaign landing page.
- Confirm and publish. After publishing, use the Donnu checker to confirm the snippet was detected. It tells you right away if something is missing.
What to test on Webflow
Hero and headline
Test the main promise and the subtitle. Since Webflow has clean HTML, Donnu selects these elements precisely for version B.
Button and anchor
Test the CTA text and where it leads. Easy to build as a variation and measure by the click.
Pricing and social proof
Test the order of the plans, the highlight of the recommended plan and where testimonials appear.
Frequently asked questions
- Do I need to export Webflow code to test?
- No. Donnu runs as a header script inside Webflow itself. You keep editing and publishing normally through the platform.
- Does the test break Webflow interactions and animations?
- No. Donnu applies the variation incrementally, without recreating the page, so Webflow interactions keep working.
- Does it work on the free Webflow plan?
- The custom code field in the header usually requires a paid Webflow site plan. With a plan that unlocks head code, Donnu installs in minutes.