💬Lead Capture & Conversion4 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

  1. In MANZA, open WhatsApp Hub > Website Widget (/app/whatsapp/widget).
  2. Configure your options:
  3. Display Name: e.g., MANZA Growth Support.
  4. Status Text: e.g., Typically replies in under 2 minutes.
  5. Greeting Message: e.g., Hey there! Have questions about our high-converting funnels? Chat with us directly.
  6. Pre-filled WhatsApp Prompt: e.g., Hi, I saw your pricing and would like to learn more.
  7. Lead Capture Gate: Toggle ON to collect Name & Email before initiating the chat.
  8. 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

  1. Go to Appearance > Theme File Editor or use a plugin such as WPCode / Insert Headers and Footers.
  2. Paste the snippet into the Footer Scripts container and click Save Changes.

Webflow

  1. Open Project Settings > Custom Code.
  2. Paste the script into the Footer Code box (Before </body> tag) and publish your site.

Shopify

  1. In Shopify Admin, navigate to Online Store > Themes > Edit Code.
  2. 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:

  1. Contact is automatically created or deduplicated by phone number.
  2. The contact is assigned the whatsapp-widget tag.
  3. If an automated onboarding sequence is configured with the Lead Created trigger, emails and follow-ups fire instantly.

Have questions about this integration?

Configure this feature in your MANZA workspace or message our team for guidance.