Using Web2Phone with Squarespace
Add a fully working contact form to your Squarespace website using Web2Phone. No plugins and no backend code — just fast WhatsApp delivery (if enabled) with email fallback.
If you’re setting up Web2Phone for the first time, start with the Getting Started guide.
Create Your Form in Web2Phone
- Log in to your Web2Phone dashboard.
- Go to Forms → Create Form.
- Set up your fields (name, email, phone, message, etc.).
- Set Allowed Domains (see Step 2).
- Save the form and copy your full Embed Snippet from the form settings.
Set Allowed Domains for Squarespace
Web2Phone only accepts submissions from hostnames you authorise. In Allowed Domains, enter only the hostname (no protocol, no paths).
Allowed Domains rules
- ✅ Hostname only (example:
example.com) - ✅
example.comandwww.example.comare treated as equivalent - ❌ No
https:// - ❌ No paths like
/contact - ❌ No wildcards like
*.example.com
Common Squarespace hostnames you may need
example.com(your custom domain)your-site.squarespace.com(Squarespace built-in domain, if used)your-site.sqsp.site(some Squarespace trial/preview setups)
Examples
✅ Correct:
example.com your-site.squarespace.com
❌ Don’t do this:
https://example.com www.example.com example.com/contact *.example.com
If your site is reachable on more than one hostname (for example your custom domain plus a Squarespace domain), add each hostname on its own line or submissions may be blocked.
Add Your Web2Phone Form to Squarespace
Squarespace allows custom HTML via a Code Block. This is the simplest and most reliable way to embed Web2Phone.
Steps
- Open your Squarespace website editor.
- Go to the page where you want the form.
- Click Edit, then click an insertion point.
- Select Code (not the built-in “Form” block).
- If prompted, choose HTML mode.
- Paste the full Web2Phone embed snippet from your dashboard.
- Save.
Important
- Keep the script tag. If
embed.jsis missing, the form won’t send via Web2Phone. - Copy from your dashboard. Your snippet already includes your real public key and endpoint.
Example (your real snippet will include your real public key):
<form data-web2phone="form" data-public-key="YOUR_PUBLIC_KEY" data-endpoint="https://web2phone.co.uk/api/v1/submit/"> <input name="name" placeholder="Your name" required> <input name="email" type="email" placeholder="[email protected]" required> <textarea name="message" placeholder="Message" required></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 & Test Your Form
- Click Save → Publish.
- Open your live site URL in a normal browser tab.
- Submit a test message.
- You should receive:
- ✔ Instant WhatsApp message (if enabled)
- ✔ Backup email
- ✔ A small success message under the form
If it fails, use the Troubleshooting guide.
Common Squarespace Issues
“Domain not allowed” error?
Check Allowed Domains. Use hostname only, and remember:
example.com and www.example.com are treated as equivalent.
- ❌
https://example.com - ❌
example.com/contact - ❌
*.example.com - ✅
example.com - ✅
your-site.squarespace.com
Squarespace says scripts are disabled in preview?
Normal. Always test on the published site URL (not editor/preview).
Form not visible?
Make sure the Code Block is set to HTML mode (not Markdown/Text).
No WhatsApp message received?
- WhatsApp delivery is enabled for the form in your Web2Phone dashboard
- Your WhatsApp number is in full international format (e.g.
+4479…) - Keep email enabled as a reliable fallback channel
Looks unstyled?
Squarespace themes vary. Add CSS via Design → Custom CSS if needed.
Your Squarespace Site Is Now Connected
You can reuse the same form on multiple pages, or create separate forms for quotes, support and bookings — all delivered to WhatsApp and email.
Create Your Free Account