💬Lead Capture & Conversion• 4 min read• Updated September 2026
Floating Website WhatsApp Lead Widget
How to customize, preview, and embed MANZA's lightweight floating WhatsApp chat widget to capture high-intent website visitors.
Floating Website WhatsApp Lead Widget
Turn cold website visitors into high-intent inbound WhatsApp leads with MANZA’s zero-dependency embeddable script widget.
Key Capabilities
- Direct 1-Click Launch: Visitors immediately open WhatsApp with your pre-filled inquiry text.
- Two-Step Lead Capture Mode: Collect the visitor’s Name, Email, and Phone number before redirecting to WhatsApp. Leads are automatically synced into your MANZA CRM and tagged as
website-lead. - Customizable Branding: Set your agent display name, avatar, brand color, greeting message, and popup delay.
1. Customizing Your Widget in Studio
- In MANZA, open WhatsApp Hub > Website Widget (
/app/whatsapp/widget). - Configure your options:
- Display Name: e.g.,
MANZA Growth Support. - Status Text: e.g.,
Typically replies in under 2 minutes. - Greeting Message: e.g.,
Hey there! Have questions about our high-converting funnels? Chat with us directly. - Pre-filled WhatsApp Prompt: e.g.,
Hi, I saw your pricing and would like to learn more. - Lead Capture Gate: Toggle ON to collect Name & Email before initiating the chat.
- Observe your changes in real-time in the interactive Live Widget Studio Preview.
2. Embedding on Your Website
Copy your unique script snippet from the "Installation & Script Tag" card and paste it directly before the closing </body> tag on your website:
html
<!-- MANZA Floating WhatsApp Lead Widget -->
<script
src="https://app.manza.in/widget/whatsapp.js"
data-org-id="YOUR_ORG_ID"
async
defer
></script>Installation on Common Platforms
WordPress / Elementor
- Go to Appearance > Theme File Editor or use a plugin such as WPCode / Insert Headers and Footers.
- Paste the snippet into the Footer Scripts container and click Save Changes.
Webflow
- Open Project Settings > Custom Code.
- Paste the script into the Footer Code box (
Before </body> tag) and publish your site.
Shopify
- In Shopify Admin, navigate to Online Store > Themes > Edit Code.
- Open
theme.liquid, scroll to the bottom, and paste the snippet right above</body>.
3. Automated CRM Tagging & Workflow Triggers
When a visitor submits the 2-step form:
- Contact is automatically created or deduplicated by phone number.
- The contact is assigned the
whatsapp-widgettag. - If an automated onboarding sequence is configured with the
Lead Createdtrigger, emails and follow-ups fire instantly.
Have questions about this integration?
Configure this feature in your MANZA workspace or message our team for guidance.