Design-Preserving
Your Framer animations, transitions, and layouts stay exactly as you designed them. Adaptly only modifies text content.
Make Your Framer Site Convert, Not Just Look Good
Framer sites are beautifully designed. Now make them beautifully effective. AI personalizes every page for every ad visitor, keeping your design intact while boosting conversions.
Free plan available. No credit card required.
Custom Code (Head) Installation
Add to your Framer site:
<script>(function(w,d,s,k){w.ADAPTLY_CONFIG={API_KEY:k};if(!d.querySelector('script[src*="adaptly.min.js"]')){var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=1;j.src='https://cdn.adaptly.dev/sdk/v1/adaptly.min.js';f.parentNode.insertBefore(j,f);}})(window,document,'script','YOUR_API_KEY');</script>
Add the Adaptly snippet to your Framer site's custom code settings.
Install on Framer in 3 Simple Steps
No coding skills required. Takes under 60 seconds.
1
Site Settings
Open your Framer project > Site Settings > Custom Code > Head
2
Paste Snippet
Add the Adaptly script tag and publish
3
Conversions Improve
AI personalizes text content for ad visitors while your Framer design stays pristine.
Why Framer Users Love Adaptly
No Components Needed
No custom Framer components, no code overrides, no design system changes. Just one script tag.
Conversion-Focused
Beautiful design gets clicks. Personalized messaging converts them. Get both with Adaptly + Framer.
How AI Personalization Works on Framer
Visitor Arrives From Ad
Someone clicks your Google, Facebook, or other ad and lands on your Framer site.
AI Detects Ad Context
Adaptly reads the UTM parameters, click IDs, and referrer to understand the ad source, keyword, and campaign.
Page Content Adapts Instantly
Headlines, body copy, and CTAs are rewritten in under 100ms to match the visitor's search intent or ad context.
Conversion Rate Climbs
Built-in A/B testing validates every personalization. The AI learns and improves continuously.
Adaptly + Framer FAQ
Will Adaptly affect my Framer animations?
No. Adaptly only modifies text content in the DOM. Your Framer animations, scroll effects, and interactive elements continue working perfectly.
Does it work with Framer's CMS?
Yes. Adaptly personalizes any rendered page, including CMS-driven pages and template pages in Framer.
How do I add custom code in Framer?
Go to your Framer project > Site Settings > Custom Code > Head section. Paste the Adaptly snippet there and publish your site.
Do I need Framer's Pro plan?
Custom code features are available on Framer's paid plans. Check your plan details for custom code support.
Works With Every Platform
One script works across all website builders and ad platforms.
Ad Platform Pages
Ready to Personalize Your Framer Site?
Add one script, start converting more visitors from paid ads. Free plan available — see results within hours.
Start Free on FramerFree plan available. No credit card required.