Create, style, and customize forms to collect information from visitors.
Use form blocks to collect information from visitors. With this block, you can create contact forms, surveys, polls, applications, and other types of forms.
For help with common form block issues, visit Troubleshooting form issues.
Note: To receive form submissions, ensure you connect a storage option. Submissions aren't stored directly in the block or on Squarespace. New form blocks automatically connect to your login email address, but we recommend connecting a second storage option in case there's ever an issue with one.
Before you begin
- Certain form fields change their formatting based on your site's language (Address and Phone Number) or your customer's location (Date and Time).
- Forms sent over SSL-enabled domains are encrypted. To ensure SSL is enabled on your domain, visit Understanding SSL certificates.
- Form blocks can't be used as part of a HIPAA compliant solution. To collect secure patient information, we recommend using Squarespace Scheduling.
- It's not possible to add an upload field to form blocks for visitors to submit files or attachments with their form. If you need an upload field, use Wufoo for a third-party solution.
Watch a video
Add a form block
To add a form block:
- Edit a page or post, click Add Block or an insert point, then click Form. For help, visit Adding content with blocks.
- Open the block editor by clicking the pencil icon on the block.
- In the Content tab, set up your form and add a post-submit message or redirect.
- Click Design to customize your form's layout.
- Click Storage to add a storage option. Form blocks won't function without at least one storage option set up, so ensure you add one to your form.
- Add Google reCAPTCHA if you want.
Set up your form
When you add a form block, it includes a default form name, default button text, and some default fields (name, email, text, text area) in the content tab to help you get started.
To set up your form:
- Delete New Form in the Form Name field and enter a name for the form. The form name only appears to visitors if you set the form to open in a lightbox.
- The default Button Text is Submit. If you want it to be something different, delete Submit and enter new text.
- Click Edit Form Fields to manage your form's fields. To add a new field, click Add Field. To rearrange or delete fields, click Edit in the top-right corner.
- To edit individual fields, click the field in the Edit Form Fields panel. Depending on the field type, you can add a label and description, make it required for submission, add selection options, or delete it.
Keep in mind:
- If you have multiple contact forms on Squarespace, we recommend using a descriptive form name to help you identify form submissions you receive.
- Description text won't appear with submitted forms.
- We recommend a limit of 30 fields to keep your form easy for visitors to complete. This is also the field limit for forms connected to Mailchimp.
- To learn about field options, visit Form fields explained.
Add a post-submit message or redirect
To add a post-submit message or redirect, click Post-Submit in the content tab.
To add a post-submit message, click Message and enter your text in the message field. This text displays after a visitor submits the form.
In the HTML field, you can add HTML code to render alongside the post-submit message. Keep in mind, if your form has a post-submit redirect, the post-submit message won't display.
Note: Adding post-submit HTML is an advanced modification, and we're unable to troubleshoot custom code issues.
To set up a post-submit redirect, click Redirect. To redirect to another website, paste the full URL in the Redirect URL field.
To test a post-submit redirect, submit a form while logged out or in an Incognito browser. Post-submit redirects won't work while logged into your site.
To remove a post-submit redirect, delete the link from the URL field.
Customize your form's layout
In the design tab, you can set the Button Alignment to Left, Center, or Right. To enable a background color, switch the Background toggle on and select a Color.
If you want the form to open in a pop-up lightbox when visitors click a button displaying on the page, switch the Lightbox toggle on. You can also customize the Open Button Text.
The lightbox form has a fixed style. It's not possible to change most of the font or color settings. In version 7.1 sites, if the button is set to Outline, its color follows the primary button settings for your default color theme.
Add a storage option
To choose where to send form submissions, edit the form block and click the Storage tab. You can connect form blocks to an email address, Mailchimp, Zapier, or Google Drive.
To learn more about each storage type, visit Managing form and newsletter storage.
Style the form block
You can style some elements of your form blocks. Your options depend on your site's version.
To style the block's fonts:
- While editing a page, open site styles, then click Fonts.
- Under Global Text Styles, click Assign Styles.
- Scroll to the form block section and click each font option to change the style. Keep in mind, if your form block doesn't include certain elements, like a Select field with a drop-down menu, there may not be a change. Use the Buttons panel for button text.
- To return to site styles, click Back, then click Site Styles. You can click Save to save your changes and keep editing, or click Exit and then Save to close the editor.
Add a background color in the form block's Design tab.
To style the block's other colors:
- While editing a page, open site styles, then click Colors.
- Hover over your color theme and click the pencil icon.
- Scroll to the form block section, or click the form block on your site to show all relevant tweaks.
- Click Save to save your changes and keep editing, or click Exit and then Save to close the editor.
If you add a post-submit message, the text follows these style options:
- Font - Paragraph settings in the Fonts panel
- Size - Paragraph 2 slider in the Paragraphs section of the Fonts panel
- Color - Paragraph (Medium) color in the chosen section theme
Style the form block button in the Buttons panel of site styles. Form block buttons follow the Primary style settings. Keep in mind, your style options apply to most buttons on your site to ensure a consistent look and feel.
Generally, the form block's style follows your template's body text and button tweaks, but options vary depending on your template, and some form field labels have a fixed size. For example, it's not possible to change the size of the "First Name" and "Last Name" labels that appear under the "Name" fields. To learn more about styling your site, visit Making style changes.
Form block spam
You may receive occasional spam through your form block. Be aware of people pretending to be Squarespace or asking for personal information.
If we detect a form submission containing suspicious content, you'll see a warning at the top of the email, but review every submission carefully and avoid clicking suspicious links. You can click Report spam to report the message to us directly.
For an extra layer of security, you can set up Google reCAPTCHA in your form block. Click Google reCAPTCHA in the storage tab to begin this process. For next steps, visit Adding Google reCAPTCHA to forms.
To learn more about form spam in general, visit Preventing form and newsletter block spam.
Track form block submissions
To see how visitors engage with your forms, use form & button conversions analytics. You can track your form submission conversion rate, which compares the number of times a form was viewed with the number of submissions it received.