ReadyFlow Logo
ReadyFlow

Build High-Converting Popups

No coding required. Customize, preview, and deploy in minutes.

Template Library

Pro Mode

Remove watermarks and unlock advanced features

Customize Design

Tailor every detail to match your brand

Instant15 seconds

Installation Code

<style> @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap'); #rf-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; backdrop-filter: blur(3px); font-family: 'Inter', sans-serif; } #rf-box { background: #fff; width: 90%; max-width: 380px; padding: 40px 30px 20px 30px; border-radius: 16px; text-align: center; position: relative; border-top: 6px solid #FF6B6B; box-shadow: 0 20px 60px rgba(0,0,0,0.15); transform: scale(0.9); transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); } #rf-overlay.show { opacity: 1; visibility: visible; } #rf-overlay.show #rf-box { transform: scale(1); } .rf-close { position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 28px; color: #999; cursor: pointer; } .rf-title { font-size: 26px; font-weight: 800; color: #1a1a1a; margin: 0 0 10px 0; letter-spacing: -1px; } .rf-text { font-size: 16px; color: #666; line-height: 1.5; margin: 0 0 25px 0; } .rf-btn { display: block; width: 100%; background: #FF6B6B; color: white; padding: 14px; border: none; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; transition: opacity 0.2s; text-transform: uppercase; } .rf-btn:hover { opacity: 0.9; } </style> <div id="rf-overlay"> <div id="rf-box"> <button class="rf-close" onclick="document.getElementById('rf-overlay').classList.remove('show')">×</button> <span style="font-size:40px; display:block; margin-bottom:15px;">🎁</span> <h2 class="rf-title">Unlock 15% Off</h2> <p class="rf-text">Join our VIP list and get a special discount code instantly.</p> <button class="rf-btn" onclick="alert('Code: SAVE15')">GET CODE</button> <a href="https://readyflow.in" target="_blank" style="display:block; margin-top:15px; font-size:11px; color:#cbd5e1; text-decoration:none; font-weight:500; font-family:sans-serif;"> ⚡ Powered by ReadyFlow </a> </div> </div> <script> setTimeout(() => { document.getElementById('rf-overlay').classList.add('show'); }, 2000); </script>
🎁

Unlock 15% Off

Join our VIP list and get a special discount code instantly.

⚡ Powered by ReadyFlow

Zero Speed Impact

Vanilla JS setup ensures your Core Web Vitals stay green.

Exit Intent Logic

Trigger popups exactly when a user is about to leave your site.

No App Required

Pure code snippet. No monthly database calls or server delays.

Bhai, itna manual setup kyun?

Agar aap popup ya store khud configure nahi kar paa rahe, toh hamara Expert Setup package dekhein. Hum sab automate kar dete hain.

View Portfolio
  • WhatsApp Order Verification
  • RTO Safety Filter
  • Custom Hero & UI Design
  • Full Shopify Optimization

How to install?

01.

Generate your custom popup code using the builder above.

02.

Go to Online Store > Themes and click Edit Code in Shopify.

03.

Open theme.liquid and paste the code right before the </body> tag.

"Unlike heavy apps that load 2MB of JS, this script is only 5KB. It ensures your store remains fast while still capturing every lead."
— Aditya, ReadyFlow Founder

Common Doubts

Will it work on mobile?

Yes, our popups are 100% responsive and tested on all major mobile browsers used in India.

Can I customize the colors?

Absolutely. The builder allows you to match the popup exactly with your brand identity.