Lead Magnet Modal System

A sophisticated lead capture and ebook purchase system for Nick Biondi's "Making the Turn". Embeddable on any Webflow site.

Webflow Embed Instructions

Add this single script to your Webflow site's custom code section (before </body> tag):

<script src="https://v0-lead-magnet-modal-system.vercel.app/embed.js"></script>
<script>
  // Initialize with NBGModals or LeadMagnet (both work)
  NBGModals.init({
    apiEndpoint: 'https://v0-lead-magnet-modal-system.vercel.app',
    leadMagnetTrigger: '.lead-magnet-trigger',
    purchaseTrigger: '.purchase-trigger'
  });
</script>

Add Trigger Classes to Your Buttons

Use these CSS classes on any button or link in Webflow:

Lead Magnet (Free Chapter)

<a href="#" class="lead-magnet-trigger button">
  Get Free Chapter
</a>

Purchase Button ($29.99)

<a href="#" class="purchase-trigger button">
  Buy Illustrated Edition
</a>

Note: Both modals work from the same script. Just add the appropriate class to any button in Webflow.

Troubleshooting: Open browser console (F12) to see debug logs starting with [v0]. This will show if triggers are found and attached correctly.

Setup Checklist

  1. Deploy app to Vercel ✓
  2. Add Resend integration ✓
  3. Add Stripe integration ✓
  4. Connect Supabase database ✓
  5. Upload ebook file to Supabase Storage ✓
  6. Configure Stripe webhook ✓
  7. Add embed code to Webflow
  8. Test both flows end-to-end