Using FormBeep with Squarespace#

To use FormBeep on Squarespace, you will use a Code Block rather than Squarespace’s native Form Blocks.

Step 1: Add Allowed Domain#

Add the naked hostname of your live Squarespace site to the FormBeep Dashboard: ✔ example.com ✔ your-site.squarespace.com (if you don’t have a custom domain)

Step 2: Add a Code Block#

  1. Edit a page or a post on your Squarespace site.
  2. Click Add Block.
  3. Select Code under the Basic category.
  4. Delete the <p>Hello World</p> placeholder.
  5. Make sure the Mode dropdown is set to HTML.
  6. Turn OFF the “Display Source” toggle.
  7. Paste your form and the FormBeep snippet:
<form id="contact-form">
  <input name="name" placeholder="Name" required>
  <input name="email" type="email" placeholder="Email" required>
  <textarea name="message" placeholder="What's on your mind?" required></textarea>
  <button type="submit">Send to WhatsApp</button>
</form>

<script src="https://api.formbeep.com/v1/s/formbeep.js"
        data-api-key="YOUR_API_KEY"></script>
  1. Save the Code Block and Save/Exit the page editor.

Step 3: Test Live#

Squarespace disables JavaScript inside Code Blocks while you are logged in and editing the site as an admin.

To verify your form works:

  1. Open an Incognito Window.
  2. Navigate to your live page.
  3. Submit a test form.
Backward Wix Shopify Forward