Using Web2Phone with Squarespace

Add a fully working contact form to your Squarespace website using Web2Phone. No plugins, no backend code, and no expensive extensions — just instant WhatsApp + email notifications.

1. Create Your Form in Web2Phone

  1. Log in to your Web2Phone dashboard.
  2. Go to Forms → Create Form.
  3. Set up your fields (name, email, phone, message, etc.).
  4. Add your Squarespace domain under Allowed Domains:
    • example.com (custom domain)
    • yourname.squarespace.com (Squarespace staging domain)
  5. Save the form and copy your full Embed Snippet.

2. Add Your Web2Phone Form to Squarespace

Squarespace allows custom HTML via the Code Block. This is the easiest and most reliable way to embed Web2Phone.

Steps:

  1. Open your Squarespace website editor.
  2. Go to the page where you want the form.
  3. Click Edit → click the insertion point.
  4. Select Code (NOT “Form” block).
  5. Choose HTML mode if Squarespace prompts you.
  6. Paste the 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>

Resize or style the block however you like — the form still works.

3. Publish & Test Your Form

  1. Click Save → Publish.
  2. Open your live site (preview mode will not send real submissions).
  3. Submit a test message.
  4. You should receive:
    • ✔ Instant WhatsApp message (if enabled)
    • ✔ Backup email
    • ✔ A small success message under the form

Everything should work immediately — Squarespace does not block Web2Phone's embed script.

4. Troubleshooting

  • “Domain not allowed” error?
    Check that you added ONLY the hostname:
    • ❌ https://example.com
    • ❌ www.example.com
    • ✔ example.com
  • Squarespace says “Scripts disabled in preview”?
    This is normal — you must test on the live website.
  • Form not visible?
    Make sure the Code Block is set to HTML, not “Markdown”.
  • No WhatsApp message received?
    Check that:
    • Your WhatsApp number is in full international format (e.g., +44790…)
    • WhatsApp Delivery is enabled in your form settings
  • Buttons look unstyled?
    Add custom CSS under Design → Custom CSS if needed.

Your Squarespace Site Is Now Connected!

You can embed the same form on multiple pages, or create additional forms for quotes, support, bookings, and more.

Back to Getting Started Create Your Free Account