Webflow Integration

Beautiful Popups for Your Webflow Site

Add conversion-focused popups to Webflow without breaking your design. Simple embed, powerful results.

2 minutes setup

Easy

How to Install Mr. Popup on Webflow

Mr. Popup integrates seamlessly with Webflow. Add it via custom code in your project settings and start converting visitors into subscribers.

Sign up for Mr. Popup

Create your account and add your Webflow site URL. AI analyzes your site design and creates matching popups.

Copy your integration code

Get your unique code from the Mr. Popup dashboard.

Add to Webflow

Go to Project Settings → Custom Code → Head Code. Paste your integration code there.

<!-- Mr. Popup Integration -->
<script>
  window.MRPOPUP_INTEGRATION_CODE = "YOUR_CODE_HERE";
</script>
<script src="https://mrpopup.co/mrpopup-loader.js" defer></script>

Publish and test

Publish your Webflow site. Visit it to see your popup in action.

Why Use Mr. Popup with Webflow

Matches your Webflow design automatically

Works on all Webflow hosting plans

No impact on site performance

Mobile-responsive popups

Exit-intent and scroll triggers

Easy A/B testing

Frequently Asked Questions

Ready to Add Popups to Webflow?

Create your first AI-powered popup in seconds. No coding required. Works perfectly with Webflow.

14-day free trial

No credit card required