Using FormBeep with Wix#

Connect Wix explicitly using the built-in HTML element, instead of modifying standard Wix Apps forms, which hijack the submission payload.

Step 1: Add Allowed Domain#

Because of how Wix embeds custom code via iframes, you might need to add both your website domain and Wix’s internal rendering domain.

Add your naked domain: ✔ example.com

If you receive Domain Not Allowed errors, check your browser’s console, and see what the Origin header was. It might be a .wixsite.com or .filesusr.com url. Add that explicitly.

Step 2: Add the Embed Code#

1. In the Wix Editor, go to Add Elements (+ icon).
2. Select Embed Code > Embed HTML (or custom Embed).
3. A grey box will appear. Click Enter Code.
4. Paste the FormBeep snippet:

<form id="contact-form">
  <input name="name" type="text" placeholder="Your Name" required>
  <input name="email" type="email" placeholder="Email Address" required>
  <textarea name="message" placeholder="Your Message" required></textarea>
  <button type="submit">Send Message</button>
</form>

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

5. Click Apply.
6. Resize the HTML widget box so it perfectly fits your new form.

Step 3: Test Live#

Publish your Wix site. You must test on the live production URL. Do not use Wix’s preview mode, as it blocks most third-party <script> tags from executing properly.