Create embeddable WhatsApp opt-in forms for your website. Customize branding, collect phone numbers with consent, and copy the ready-to-use HTML code.
Get updates on WhatsApp
<!-- WhatsApp Opt-in Form -->
<div style="max-width:400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif">
<div style="background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:28px;box-shadow:0 1px 3px rgba(0,0,0,0.06)">
<!-- Header -->
<div style="text-align:center;margin-bottom:20px">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="#25D366" style="margin:0 auto 10px">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
</svg>
<h3 style="margin:0 0 4px;font-size:18px;font-weight:600;color:#1a1a1a">My Business</h3>
<p style="margin:0;font-size:14px;color:#6b7280">Get updates on WhatsApp</p>
</div>
<!-- Form -->
<form onsubmit="event.preventDefault()">
<!-- Phone -->
<div style="margin-bottom:14px">
<label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px">Phone number <span style="color:#ef4444">*</span></label>
<input type="tel" name="phone" required placeholder="+91 98765 43210" style="width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;outline:none;transition:border-color 0.2s" onfocus="this.style.borderColor='#25D366'" onblur="this.style.borderColor='#d1d5db'" />
</div>
<div style="margin-bottom:14px">
<label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px">Name</label>
<input type="text" name="name" placeholder="Your name" style="width:100%;padding:10px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;outline:none;transition:border-color 0.2s" onfocus="this.style.borderColor='#25D366'" onblur="this.style.borderColor='#d1d5db'" />
</div>
<!-- Consent -->
<div style="margin-bottom:18px;display:flex;align-items:flex-start;gap:8px">
<input type="checkbox" name="consent" required style="margin-top:3px;width:16px;height:16px;accent-color:#25D366;flex-shrink:0;cursor:pointer" />
<label style="font-size:12px;color:#6b7280;line-height:1.5;cursor:pointer">I agree to receive updates and promotional messages from My Business on WhatsApp. I can opt out at any time.</label>
</div>
<!-- Submit -->
<button type="submit" style="width:100%;padding:12px 20px;font-size:15px;font-weight:600;color:#ffffff;background-color:#25D366;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity 0.2s" onmouseover="this.style.opacity='0.9'" onmouseout="this.style.opacity='1'">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg>
Subscribe on WhatsApp
</button>
</form>
</div>
</div>Manage subscribers and automate WhatsApp campaigns
Connect your opt-in forms to automated WhatsApp flows, segment subscribers, and send bulk campaigns.
Generate self-contained HTML opt-in forms with inline styles
Customizable brand color, border radius, and button text
Optional name and email collection fields
Built-in consent checkbox for regulatory compliance
Live preview updates in real time as you configure
One-click copy of the generated HTML code
Embed opt-in forms on product pages or checkout flows to collect WhatsApp numbers for order updates and promotional offers.
Add forms to your website so clients can subscribe to appointment reminders, service updates, and special deals via WhatsApp.
Let your audience opt in to receive new content alerts, exclusive updates, and community messages on WhatsApp.
Collect attendee phone numbers with consent to send event reminders, schedule changes, and post-event follow-ups through WhatsApp.
Love our free tools? Discover our AI-powered products that help businesses automate customer communication.
Automate phone calls with AI. Handle appointments, inquiries, and support 24/7 in 40+ languages.
Build WhatsApp chatbots without coding. Automate support and boost sales with 98% open rates.
Add an intelligent chatbot to your website. Convert visitors, answer questions, and capture leads 24/7.
Help us improve by sharing your feedback