Form blocks

Create and customize forms to collect information from visitors.

Last updated January 31, 2025

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. 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 Acuity Scheduling.
  • After making changes to the form block, ensure you press Enter or click outside the block editor to save your changes.

Watch a video

Add a form block

To add a form block:

  1. Edit a page or post, click Add Block or an insert point, then click Form. For help, visit Adding content with blocks.
  2. Open the block editor by clicking the pencil icon on the block.
  3. In the Content tab, set up your form and add a post-submit message or redirect
  4. Click Design to customize your form's layout.
  5. The default storage option for form responses is your login email address. Click Additional storage in the Storage tab to add another storage option.
  6. Add Google reCAPTCHA, which is required if you want to allow visitors to upload files.
  7. Press Enter or click outside the block editor when you're done.

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:

  1. Review the placeholder text in the Form Name field and enter a new name for the form if you'd like. The form name only appears to visitors if you set the form to open in a lightbox.
  2. The default Button Text is Submit. If you want it to be something different, delete Submit and enter new text.
  3. 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.
  4. 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.
  5. If you add a file upload field, you may want to adjust how many files you accept and what types.
  6. By default, your form block will send form responses to your login email address and store form submitters and their details on your website. Use the Storage tab to connect more storage options like Google, Zapier, and Mailchimp.
  7. Press Enter or click outside the block editor when you're done.

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 and better filter form submitters in your Contacts panel.
  • 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.

Message

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.

Redirect

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 and appearance

To customize things like alignment, color, and appearance, open the block editor by clicking the pencil icon on the block. Click Design to access the following options:

  • Set the Button Alignment to Left, Center, or Right.
  • Click the First Input Highlight dropdown menu to set animations that help draw attention to the first field of the form. 
  • Enable a background color by switching the Background toggle on and selecting a Color.
  • Switch the Lightbox toggle on to have the form open in a pop-up lightbox when visitors click a button displaying on the page. You can also customize the Open Button Text.
  • Beside Stroke, enable a solid or dotted line outlining the block. For both solid and dotted lines, set the stroke Color and Thickness.
  • Click the Blend Mode dropdown menu to choose a transparency setting. These effects are ideal if you're overlaying a form block in front of an image or other visual content.
  • To blur either the Element or Backdrop, switch the toggle on beside Blur and use the slider to adjust the level of blurriness.

Accessing this feature

Stroke, Blend Mode, and Blur customizations are available for Fluid Engine sections. For sections using the classic editor, only Stroke is available.

To learn about customizing your form block's fonts, colors, and other styles, visit Styling form blocks.

Add a storage option

To choose where to send form submissions, edit the form block and click the Storage tab. New form blocks automatically connect to your login email address, but you can also add Mailchimp, Zapier, or Google Drive. To learn more about each storage type, visit Managing form and newsletter storage.

If your form includes a required email address field, visitors who submit a form will be added to your site's Contacts panel with their form submission info. To learn how to set up your form for this, review the section below.

Store form submitters on your website

Note

This feature was released for form blocks using required email address fields on July 21, 2023. Form block submissions received before then won't appear in your Contacts panel. To access form submissions received before this feature's release, check the other storage options connected to your form blocks.

To store form submitters and their details in your website's Contacts panel, ensure your form is set up correctly:

  1. Click Edit on the page with the form, then click the pencil icon on the form block.
  2. Click Edit Form Fields.
  3. Click Email. If there's no email field, click Add Field, then click Email, then click Email again to open the field's settings.
  4. Switch the Required toggle on. This has to be enabled to store form submitters in your Contacts panel. It ensures the contacts that are created are associated with an email address.
  5. To give your visitors the opportunity to accept future marketing contact from you, switch the Email Signup toggle on.
  6. To have your visitors opt-in with a confirmation email after submitting their form, switch the Send confirmation email toggle on. Keep in mind, if Google reCAPTCHA is disabled in your form, the confirmation email can't be disabled. All form blocks with Email Signup enabled need at least one verification method.
  7. Press Enter or click outside the block editor when you're done.

Visitors and their form submissions appear in the Contacts panel under Form submitters when you have a required email field. With Email Signup enabled, if the submitter checks Sign up for news and updates, they'll also appear in the Contacts panel under Subscribers. Keep in mind, if the confirmation email is enabled, they'll have to opt-in before they'll appear under Subscribers.

To access form submitters and details stored in your Contacts panel, visit Managing form and newsletter storage.

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.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.