React Integration

Popups for React Applications

Add conversion popups to any React app. No npm packages, no component libraries. Just a script tag.

2 minutes setup

Easy

How to Install Mr. Popup on React

Mr. Popup works with any React application - Create React App, Vite, custom setups. Add it via script tag for zero-config integration.

Sign up for Mr. Popup

Create your account and add your React app URL.

Copy your integration code

Get your unique code from the Mr. Popup dashboard.

Add to your React app

Add the scripts to your index.html file in the public folder.

<!-- public/index.html -->
<head>
  <!-- other head content -->
  <script>
    window.MRPOPUP_INTEGRATION_CODE = "YOUR_CODE_HERE";
  </script>
</head>
<body>
  <div id="root"></div>
  <script src="https://mrpopup.co/mrpopup-loader.js" defer></script>
</body>

Build and deploy

Build and deploy your app. Popups work on all routes.

Why Use Mr. Popup with React

Works with any React setup

No npm package required

Compatible with React Router

Works with Vite, CRA, custom configs

No state management integration needed

TypeScript friendly

Frequently Asked Questions

Ready to Add Popups to React?

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

14-day free trial

No credit card required