Using FormBeep with WordPress#

Add a WhatsApp-connected contact form to any WordPress site — including Elementor, Divi, Kadence, Astra, BuddyBoss, and other major page builders — by pasting the FormBeep embed snippet.

Step 1: Add Allowed Domain#

1. In Allowed Domains on your FormBeep Dashboard, enter only the hostname of your live WordPress site: ✔ example.com ✔ shop.example.com (subdomain) ✔ localhost or 127.0.0.1 (local testing)

Allowed Domains must be hostname-only. Don’t include protocol, paths, or ports.

Step 2: Add the Form to a WordPress Page#

You can embed FormBeep in any page or post. Use the method that matches your editor.

Using the Block Editor (Gutenberg)#

1. Edit the page where you want the form.
2. Click + to add a block.
3. Select Custom HTML.
4. Paste your full FormBeep embed snippet (including the script tag).
5. Publish / Update.

Example snippet:

<form id="contact-form">
  <input name="name" placeholder="Your name" required>
  <input name="email" type="email" placeholder="you@example.com" required>
  <textarea name="message" placeholder="Message" required></textarea>
  <button type="submit">Send</button>
</form>

<script src="https://api.formbeep.com/v1/s/formbeep.js"
        data-api-key="YOUR_API_KEY"></script>

Using Elementor#

1. Open your page in Elementor.
2. Drag the HTML widget onto the page.
3. Paste the full embed snippet (including the <script>).
4. Click Update.

Using Divi#

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

Step 3: Test Your Form#

Always test on the published page URL. Some builders and previews don’t run scripts reliably or strip them out contextually.

1. Open the page on your live site.
2. Submit a test message.
3. Check your WhatsApp for the instant Meta notification.

Troubleshooting: “Domain not allowed”? Ensure the URL in your browser bar exactly matches the value you put in the Allowed Domains dashboard (minus the https://).