Adding a Contact Form to Squarespace uses the built in Code Block and takes one paste. The Helpdesky Contact Form drops in as one container div and one script tag, handles its own validation, and lands every submission in your Helpdesky inbox where you can reply by email.
This guide is for anonymous visitors. There is no login, no HMAC, no backend wiring. If you need a portal for signed in users instead, see the Ticket Center Setup Guide.
Why this is the easy choice for Squarespace: 10 conversations a month are free on the Free plan, you do not have to wire up SMTP or pay for a third party form service, and the whole form is one snippet pasted into a Code Block. Replies you send from your Helpdesky inbox are emailed straight back to the visitor.
Set Up Your Helpdesk
Open the Helpdesky dashboard and go to Contact Form in the sidebar. Copy the embed snippet at the top of the page. It already has your Helpdesk ID filled in:
<div id="hdh-contact-form"></div>
<script src="https://helpdesky.io/contact-form.js"
data-helpdesk-id="YOUR_HELPDESK_ID"></script>
While you are there, also enable messaging from the Messages sidebar item if you have not already. The toggle is at the top of the Messages page.
Plan note: Adding custom JavaScript to a Squarespace site requires the Business plan or higher. The free and Personal plans strip
<script>tags from Code Blocks.
Add the Embed Code
- Edit the page where you want the form (usually Pages → Contact).
- Click an empty area to open the insert panel and choose Code.
- Confirm the block type is HTML and that Display Source is unchecked.
- Paste the embed snippet:
<div id="hdh-contact-form"></div>
<script src="https://helpdesky.io/contact-form.js"
data-helpdesk-id="YOUR_HELPDESK_ID"></script>
- Save the page.
If you would rather use Code Injection, paste the same snippet under Settings → Advanced → Code Injection → Footer, then add an empty container with ID hdh-contact-form to the page where you want the form.
Test It
Open your live Squarespace site in an incognito window (the editor preview does not always run injected scripts) and submit a test message. The conversation should appear in your Helpdesky Messages inbox within seconds.
If the Code Block shows a placeholder instead of the form, double check you are on the Business plan or higher. Lower tier plans will silently strip the script tag.
Next Steps
Route inbound support email into the same helpdesk by following the Email Forwarding Setup Guide. If you start getting bot submissions, layer on bot protection with the Cloudflare Turnstile Setup Guide. When you ship a signed in dashboard, swap the public form for a Ticket Center so users can see their full conversation history.
Cool Features
A couple of small things you can turn on once the basic form is live.
- Hide outer border: drop the form into any section without a background or border so it blends straight into your branding. From the Contact Form page, open the Layout section and toggle Hide outer border.
- Cloudflare Turnstile spam protection: if your domain is on Cloudflare, you can protect the form from bots in a few clicks. Open your Cloudflare account, go to Turnstile, add your domain, generate the keys, and paste them into the Helpdesky Contact Form settings. Full walkthrough in the Cloudflare Turnstile Setup Guide.
