Using Web2Phone with WordPress

This guide shows you how to add a fully working WhatsApp-connected contact form to any WordPress site — including Elementor, Divi, Kadence, Astra, BuddyBoss, and all major page builders.

1. Create Your Form in Web2Phone

  1. Log in to your Web2Phone dashboard.
  2. Go to Forms → Create Form.
  3. Enter a name and set up your fields.
  4. In Allowed Domains enter only your hostname:
    • example.com (NOT https:// or www.)
    • shop.example.com (if using a subdomain)
    • mycommunity.example.com (BuddyBoss / membership sites)
  5. Save your form and copy your Embed Snippet.

2. Add the Form to a WordPress Page

You can embed Web2Phone in any page or post. The method depends on whether you're using the WordPress Block Editor or a page builder.

Using the WordPress Block Editor (Gutenberg)

  1. Edit the page where you want the form.
  2. Click the + to add a new block.
  3. Select Custom HTML.
  4. Paste your full Web2Phone embed snippet:
<form data-web2phone="form"
  data-public-key="YOUR_PUBLIC_KEY"
  data-endpoint="YOUR_ENDPOINT">
  <input name="name" placeholder="Your name">
  <input name="email" type="email" placeholder="you@example.com">
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit">Send</button>
  <p data-w2p-output></p>
</form>

<script src="https://web2phone.co.uk/static/formsapp/js/embed.js"></script>

Publish or update your page — your form is live immediately.

Using Elementor

  1. Open your page in Elementor.
  2. Drag the HTML widget onto the page.
  3. Paste your full embed snippet.
  4. Click Update.

Using Divi

  1. Edit your page with Divi.
  2. Add a Code Module.
  3. Paste the Web2Phone embed snippet.
  4. Save and publish.

Using BuddyBoss

BuddyBoss is fully compatible — just edit the page with Gutenberg, Elementor, or your preferred builder and paste the HTML + JS snippet exactly as shown above.

3. Test Your Form

After publishing your page, submit a test message.

  • ✔ You should receive an instant WhatsApp message (if enabled)
  • ✔ You should also receive a backup email
  • ✔ The on-page output message will show success/failure instantly

If testing fails, double-check:

  • Your Allowed Domain contains just the hostname
  • You pasted the full embed snippet including the JS script
  • Your WordPress editor didn’t strip the <script> tag

You're All Set!

Your WordPress site is now connected to Web2Phone. You can create more forms, add them to more pages, or explore other platform guides.

Back to Getting Started Create Your Free Account