A/B Testing for Framer
Split test Framer marketing pages without exporting or rebuilding components. Add the Stellar snippet in site custom code, create variants on live pages, and measure signup and demo conversions.
🚀 For Framer designers and startup marketing teams
Set up A/B testing on your Framer site in under 60 seconds
How it works on Framer
Install the Stellar snippet
Add one line of code to your Framer site head. Direct installation is recommended for anti-flicker and fastest variant delivery.
Create an experiment and variants
Use the no-code visual editor to change headlines, buttons, images, or layout on live pages—no redeploy required.
Configure targeting rules
Limit experiments to specific URLs, devices, or countries so tests only run for the audience that matters.
Add conversion goals
Track CTA clicks, form submissions, demo booking clicks, or visits to Framer-connected conversion pages.
Analyze results and ship winners
Review real-time stats in Stellar, optionally sync conversions to GA4, and apply the winning variant.
Install the Stellar snippet on Framer
Paste your snippet in Framer Site Settings → General → Custom Code → Head. Direct head install is recommended so anti-flicker works correctly. Full install guide →
- Open your Framer project and go to Site Settings
- Navigate to General → Custom Code (or Custom Code section in site settings)
- Paste your Stellar snippet in the Head field
- Publish or update your Framer site
- Verify stellar.js on the published production URL
Always validate on the published framer.app or custom domain URL—local preview may differ from production head code.
Pre-launch QA checklist
Run through this list before sending traffic to an experiment on Framer.
- Confirm stellar.js loads in the Network tab on pages where experiments should run
- Verify only one install path is active (direct head install or GTM—not both)
- Match anti-flicker settings to your install method (direct install recommended)
- Clear CDN, theme, or platform cache after saving snippet changes
- Test in an incognito window with ad blockers disabled
- Confirm snippet on published site, not only Framer canvas preview
- Test client-side route changes if using Framer multi-page navigation
- Verify custom domain and framer.app subdomain both load the snippet if both are live
- Check that Framer analytics or other head scripts do not duplicate Stellar
Framer limitations and gotchas
Client-side navigation
Framer sites use client-side routing. Confirm experiments and conversion goals fire correctly on internal link navigation, not only full page loads.
Published vs. draft
Head code changes require publish to production. QA experiments after each publish cycle.
Embedded third-party widgets
Framer embeds (Calendly, Typeform, etc.) may live in iframes. Track outer CTA clicks or redirect goals when inner embed events are not accessible.
GA4 tracking for Framer experiments
Stellar sends conversion events to Google Analytics 4 via the Measurement Protocol, so experiment data appears alongside your other Framer analytics. GA4 integration setup →
Event name: stellar_experiment_conversion
Register these custom dimensions in GA4 (Event scope):
experiment_id,experiment_namevariant_id,variant_nameconversion_id,conversion_name
Keep your Framer site fast while you test
Stellar's 5.4KB async snippet loads without the bloat of legacy testing platforms—important for SEO and Core Web Vitals on Framer.
At just 5.4KB and served on a CDN, Stellar's pure JS script is 25x smaller than competitors like VWO or AB Tasty. With minimal dependencies and a fixed size regardless of test count, it preserves your website's speed, Core Web Vitals, user experience, and SEO performance.
Why teams choose Stellar for Framer
Framer A/B test ideas to run first
Startup homepage hero
Test hero copy and primary CTA on Framer marketing homepages.
Pricing page layout
Compare tier cards, feature lists, and annual billing callouts.
Waitlist signup
Test waitlist form placement and button copy on launch pages.
Hero video vs. static
Compare motion hero vs. static image for demo request rate.
Mobile nav CTA
Test sticky mobile CTA vs. in-hero button on Framer responsive layouts.
Social proof bands
Test logo wall placement above vs. below the fold.
Pricing
Free
Up to 25k MTU
Built-in analytics
Visual web editor
Custom CSS & JS editor
AI editor assistant
Basic A/B testing
Up to 3 variants per experiment
Up to 2 experiments running simultaneously
Pro
50k MTU included
Unlimited variants
Unlimited concurrent experiments
Advanced targeting rules
Dynamic keyword insertion
AI insights & recommendations
Priority support
Enterprise
Custom MTU volume
Custom solutions
Integrations support
We dynamically bill in small increments of 1k MTU, so you only pay for what you actually use and never overpay
No hidden fees, no large fixed blocks. Scale smoothly as your traffic grows with predictable, usage-based billing
We only count users who actually see experiments. Multiple experiment views from the same user count as just 1 MTU
Trusted by marketers running experiments
Jake M. — Performance Marketer
⭐️⭐️⭐️⭐️⭐️
Other testing tools have a million features I don't need. Stellar focuses on what actually matters: speed, ease of use, and great analytics.
Richard R. — E-commerce Owner
⭐️⭐️⭐️⭐️⭐️
Stellar is the real deal. No unnecessary features, no steep learning curve. Just quick tests that actually improve our store.
Ben C. — Growth Hacker
⭐️⭐️⭐️⭐️⭐️
It does the job without slowing down our pages. If you're running tests and care about performance, this is the tool to use.
Frequently Asked Questions
More platforms
Stellar works on any site where you can add head code. Explore setup guides for other platforms: