HomeBlogGuide
Guide22 July 2026·5 min read

How to Embed a WhatsApp Form on Your Website

Learn how to embed your WhatsApp form directly on your website so visitors can submit inquiries without leaving your page — and you receive them on WhatsApp instantly.

The Problem with Website Contact Forms

Most website contact forms send responses to an email inbox that gets checked once a day — if you're lucky. By then, the customer has moved on to a competitor who replied faster.

WhatsLead solves this by letting you embed a form on your website that delivers every submission directly to your WhatsApp in real time.

Two Ways to Add a WhatsApp Form to Your Website

Option 1: Embed via iFrame (Pro Feature)

WhatsLead Pro users get an embed code that you can paste directly into any webpage.

  • Log in to WhatsLead → open your form → click SettingsEmbed
  • Copy the iframe snippet:
  • ```

    <iframe src="https://whatslead.in/f/your-form" width="100%" height="600" frameborder="0"></iframe>

    ```

  • Paste it into your website's HTML where you want the form to appear
  • Works on: WordPress, Wix, Squarespace, Webflow, custom HTML sites.

    Option 2: Link Button (Free)

    Add a button on your website that opens your WhatsApp form in a new tab:

    ```

    <a href="https://whatslead.in/f/your-form" target="_blank" style="background:#25D366;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:bold;">

    📩 Enquire on WhatsApp

    </a>

    ```

    This is simpler and works on any platform.

    Best Placements on Your Website

    PageWhere to Place
    HomepageAbove the fold, hero section
    Services pageBelow each service description
    Contact pageReplace or alongside your existing form
    Pricing pageAfter pricing table
    Blog postsAt the end as a CTA

    Why WhatsApp Form Beats a Regular Contact Form on Your Site

  • Leads land in WhatsApp — you reply instantly
  • No spam (people have to send via WhatsApp)
  • Works on all mobile browsers — no friction
  • Your lead rate goes up because WhatsApp feels familiar
  • Setting Up on WordPress

  • Go to your page editor (Gutenberg or Classic)
  • Add an HTML block
  • Paste the iframe or button code
  • Update and publish
  • For Elementor users: drag in an HTML widget and paste the embed code.

    Get your embed code — create your WhatsApp form →

    Ready to collect leads on WhatsApp?

    Create your first WhatsApp form free — no credit card required.

    Start for free →
    ← Back to Blog