Squarespace Contact Us Form Builder
Build contact forms on your Squarespace website to collect messages, answer questions, and streamline support, giving users a simple and reliable way to reach you.
Create Widget for Free
No credit card needed
Trusted by over 3,000,000 small business, agencies and top global brands worldwide
Create your Contact Form plugin
Configure your Contact Us Form and add it to your Squarespace website for free!
Screenshots
Get a Contact Form That Fits Your Squarespace Template
Put a Squarespace contact us form on any page so visitors can send you messages, leads and questions. Submissions are stored in your Elfsight dashboard, and you get an email notification on every submission.
Change fields, fonts, colors and layouts to match your template, and place the form inline on a page or as a floating button.
Key Features of the Squarespace Contact Form Plugin
These are the key functionality traits that make the plugin stand out:
- Flexible fields: Add text boxes, dropdowns, checkboxes, and more to capture exactly what you need.
- Design control: Customize fonts, colors, and layouts so the form blends into your Squarespace pages naturally.
- Instant alerts: Get real-time email notifications whenever someone submits a message.
- Mobile-friendly: Forms are automatically responsive and look great on any device.
- Built-in protection: Anti-spam features help keep your inbox clear of bots.
- Multiple placements: Place the form inline on a page or show it as a floating button that follows users as they scroll.
See all features in the free editor
Squarespace Form Blocks or Elfsight Contact Form?
Yes, Squarespace has its own form blocks. An Elfsight Contact Form is worth a look when you want flexible fields such as dropdowns and checkboxes, multi-step layouts, a floating button, or submissions in your Elfsight dashboard and by email. You can also place the same widget on any number of websites and domains with one Elfsight account.
How to Add Contact Form to Squarespace
To add a contact form on Squarespace, get the code in the Elfsight editor and paste it into your website. Check your plan and Squarespace version (7.0 or 7.1) first, then pick the method below.
Method 1: Inline Form on a Page, Squarespace 7.1 (Core, Plus, Advanced)
Great for placing a form directly on your Contact or About page.
- Open the Elfsight editor and pick a form template.
- Adjust the fields, design and messages.
- Click Add to website for free and copy the code.
- In Squarespace, go to Website → Pages and open the page you need.
- Click Edit and choose the place for the form.
- Click Add Section → Add a blank section → Add block → Code.
- Paste the code into the Content field.
- Click Save, then open the published page to check the form.
Method 2: Inline Form on a Page, Squarespace 7.0 (Core, Plus, Advanced)
- Copy your code from the Elfsight editor.
- In Squarespace, go to Website → Pages and open the page you need.
- Click Edit above the section you want.
- Click the place for the form, then click ➕ → Code.
- Paste the code into the Content field.
- Click Save, then open the published page to check the form.
Method 3: Floating Form on All Pages (Core and above)
Perfect if you’d like the form to be available across your entire website.
- Open the Elfsight editor and choose a floating layout.
- Customize the fields, size, position and look.
- Click Add to website for free and copy the generated code.
- In Squarespace, go to Website → Pages.
- At the bottom of the left menu, open Custom Code → Code Injection (Squarespace 7.0: Website Tools → Code Injection).
- Paste the code into the Footer field.
- Click Save, then open the published website to check the form.
Method 4: Inline Form on a Page (Basic Plan)
Use an Embed block to place the form on a specific page, such as your Contact or About page.
- In the Elfsight editor choose a form template.
- Customize the fields, design, and messages.
- Click Add to website for free and copy the installation code.
- In Squarespace, go to Website → Pages and open the page where you want the form.
- Click Edit, then select the area where the form should appear.
- Click Add Section → Add a Blank Section → Add Block → Embed.
- Click the pencil icon to edit the Embed block, then choose Code Snippet.
- Paste the complete Elfsight installation code into the Embed data field.
- Save the block and your page changes.
- Open the published page in a new tab, refresh it, and check that the form displays correctly.
Is Contact Form compatible with Squarespace 7.0 and 7.1?
Yes, it works on both Squarespace 7.0 and 7.1, including Fluid Engine.
Which Squarespace plans support adding the Contact Form?
Yes, you can add it on Core, Plus and Advanced plans with a Code block or Code Injection. On the Basic plan, you add it with an Embed block and Code Snippet.
Why can't I see the form in the Squarespace editor?
Squarespace turns off scripts in the editor, so you may see a “Script Disabled” message instead of the form. Open the preview or your published page in an incognito window to see it.
Why is there extra space under the form in Fluid Engine?
Fluid Engine can add empty space under the widget. You can fix it with Custom CSS in the widget settings.
Can I show a floating form on all pages?
Yes, choose a floating layout and paste the code into Code Injection → Footer. This works on Core and above.
Can the Elfsight team install the form for me for free?
Yes, invite the Elfsight team as a contributor with Administrator permissions and it can install the widget for free.
Where do I see form submissions?
Submissions are stored in your Elfsight dashboard.
Can I get email alerts for new submissions?
Yes, you get an email notification on every submission.
Can I choose which fields the form includes?
Yes, the form has flexible fields such as text boxes, dropdowns and checkboxes.
Can I customize the thank-you message?
Yes, you can customize the thank-you message that visitors see after sending the form.
Are multi-step forms available?
Yes, multi-step layouts are supported.
Should I use a Squarespace form block or the Elfsight Contact Form?
Squarespace has its own form blocks. The Elfsight Contact Form adds flexible fields, multi-step layouts, inline or floating placement, and submissions in your Elfsight dashboard.
Can I place the form inline or as a floating button?
Yes, you can place it inline on a page or use a floating button.
Can I try the Contact Form for free?
Yes, you can open the editor for free and build your form before adding it to Squarespace.
Can I use the form on more than one website?
Yes, one Elfsight account can place the widget on any number of websites and domains.
Pricing
14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform version that works on any website
from $0 / month
start with a free plan
Unlimited websites
Dedicated company support and well documented
Free installation assistance
100% customizable
Limited time offer for multiple apps