Form blocks

false

Form blocks

Last updated September 28, 2026 15:09

Create and customize contact forms, surveys, polls, applications, and more for visitors to fill out.

Use form blocks to collect important information from visitors. New form block submissions are sent to your email by default, but you can connect more storage options if needed.

Video on form blocks

Watch this video to learn how to add form blocks and manage form submissions.

Add a form block

To add a form block:

  1. Open the Pages panel.
  2. Click the page where you want to add the block, then click Edit.
  3. Click Add block or + to open the block menu, then click Form.
  4. To open the block editor, click the block, then click the pencil icon on the block.
  5. In the Content tab, give your form a name in the Form Name field. If you have multiple form blocks, this helps identify which form submissions come from. The name only appears to visitors if you set the form to open in a lightbox.
  6. Set the text that appears on the button. Submit is the default.
  7. Click Edit Form Fields to set up your form fields.
  8. Optional: Click Edit Post-Submit to add a post-submit message or redirect.
  9. Click the Email Notification field to change the email address where form submissions go. The default storage option for form responses is the account email address of the site owner or contributor who added the form.
  10. Optional: Click Additional storage to add another storage option.
  11. Optional Click Google reCAPTCHA to disable Google reCAPTCHA. Google reCAPTCHA is enabled by default and is required if you want visitors to upload files.
  12. Click the Design tab to customize your block's layout and appearance.
  13. If your block is in a Fluid Engine section, click the Animation tab to add animations.
  14. Click Save.

Set up your form block fields

When you add a form block, it includes some default fields in the content tab to help you get started.

To customize your form fields:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Edit Form Fields.
  5. To add a new field, click Add Field, then click a field type. Certain form fields change their formatting based on your site's language (Address and Phone Number) or your customer's location (Date and Time).
  6. To edit individual fields, click the field after adding it. You can add a label and description, make it required for submission, or change other options, depending on the field. For example, if you add a file upload field, you can set how many files you accept and what types.
  7. By default, your form block will send form responses to the account email of the site owner or contributor who added the form, and store form submitters and their details on your website. Use the Storagetab to connect more storage options like Google, Zapier, and Mailchimp.
  8. Click Save.

What kinds of fields can I add to my form?

Review our list of all available form fields and how they work.

How many fields can I add to my form?

We recommend a limit of 30 fields to keep your form manageable for visitors to complete. This is also the field limit for forms connected to Mailchimp.

How much text can I add to field labels?

Large paragraphs of text added to the label area may overlap outside the form block. To avoid this, add the text to the description area instead.

Will description text appear with submitted forms?

No. Description text you add to fields won't appear in your visitor's submissions.

Add follow-up questions to multiple-choice form block fields

If you use multiple-choice fields in your form block, like a dropdown, checkbox, radio, or survey, you can create follow-up questions that don't appear until a visitor selects a specific answer.

To add follow-up questions:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Edit Form Fields.
  5. Add or click a dropdown, checkbox, radio, or survey field. If you're not sure which you should use, review the differences between each field.
  6. Click the field and customize the question and response options.
  7. After setting up your response options, click ... beside an option and click Add follow-up question.
  8. Select a field type and customize it, then click Back.
  9. Optional: If an option already has a follow-up question, click the option, then click Add Follow-up to add more follow-up questions. It's not possible to create a follow-up to a follow-up question.
  10. Repeat this process for every option where you want to add follow-up questions.

How do answers to follow-up questions appear in submissions?

How follow-up questions appear in submissions depends on where you're viewing the submission:

  • Form submission emails don't display follow-up questions unless a visitor answered one.
  • Third-party storage options include fields for all follow-up questions, including empty responses for any unanswered follow-up questions.

To send SMS campaigns, include a consent checkbox and disclaimer on the form block you use to collect phone numbers. When you enable the opt-in checkbox, a disclaimer appears on your form block to meet SMS carrier network requirements. You can’t edit this text.

To set up your form block for SMS campaigns:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Edit Form Fields.
  5. Click Add Field, then click Phone.
  6. Click the Phone field, then switch on the SMS marketing opt-in toggle.
  7. To start collecting SMS subscribers, sign up for an SMS plan and verify your business.

Rearrange or delete form block fields

To rearrange the order of form block fields or delete fields:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Edit Form Fields.
  5. To rearrange the fields, click ::: beside a field and drag it to a new position.
  6. To delete a field, click the trash can icon. It's not possible to undo this.
  7. Click Save.

Add a post-submit action to a form block

Visitors don't receive a confirmation email after completing a form submission, but you can create a post-submit message or redirect them to another page.

To add a post-submit action to a form block:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Edit Post-Submit.
  5. Click Message to add a post-submit message that appears after visitors submit a form. You can set its alignment, choose a position, and add HTML code to render alongside the message. If you also set up a redirect, this message won't display.
  6. Click Redirect, then click Attach Link to take visitors elsewhere after they submit a form. You can redirect to a page on your site, an external site, or an uploaded file.
  7. Click Save.

Note: Adding post-submit HTML is an advanced modification, and we're unable to troubleshoot custom code issues.

How can I test a form block's post-submit redirect?

Post-submit redirects won't work while logged into your site. To test a form block's post-submit redirect:

  1. Visit your site while logged out or in an incognito window.
  2. Submit a form through the form block with the redirect.

Send an email campaign to form submitters

If you use Squarespace Email Campaigns and your form includes an email address field, you can enable an automation that emails visitors who submit a form response on your site. This is a great way to automatically thank visitors for their form responses and let them know when they may hear back from you.

Export submissions from the form block

You can export submissions directly from the block to a .csv file. The .csv file includes all fields in the form, with one submission per row. Uploaded files aren't included in the export, but you can click direct links in the field to download those files.

To export your form submissions:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Export Submissions. This generates a .csv file that your browser will download to your computer.

How long are form submissions stored in the block?

How long form submissions are stored in a form block depends on how your form is set up:

Add form submitters to your Contacts panel

When your form block has a required email address field, visitors who submit a form are added as form submitters to your Contacts panel. If your form has Email Signup enabled, submitters who check Sign up for news and updates also appear in the Contacts panel under Subscribers.

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

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Edit Form Fields.
  5. Click Email. If there's no email field, click Add Field, then click Email, then click Email again to open the field's settings.
  6. Switch the Required toggle on. This ensures the contacts that are created are associated with an email address. If a form block has multiple email fields, only the first one is added as a contact.
  7. To give your visitors the opportunity to accept future marketing contact from you, switch the Email Signup toggle on.
  8. To have your visitors opt-in with a confirmation email before being added to your subscribers list, switch the Send confirmation email toggle on. 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.
  9. Click Save.

Add another storage option to a form block

Mailchimp and Zapier integrations in form blocks are available in the Core, Plus, Advanced, or some Legacy plans. Learn more about choosing the right Squarespace plan.

You can add Mailchimp, Google Drive, and Zapier as storage options for your submissions in addition to an email address. If your site is on a trial, you won't receive form submission emails unless the site owner is a Circle partner. To collect responses during your trial, connect to another storage option

To choose where to send form submissions:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. In the Content tab, click Additional Storage.
  5. Click Connect next to the storage options you want.
  6. Click Save.

Customize a form block's design

Some customizations, like blend mode, blur, and transform effects are only available in Fluid Engine sections. Other design options, like background colors, are only available on version 7.1.

Form blocks follow your site-wide font and color settings in site styles, but you can customize other design elements of form blocks individually.

To customize the block's design:

  1. Open the Pages panel.
  2. Click the page with the form block, then click Edit.
  3. Click the block, then click the pencil icon on the block.
  4. Click Design.
  5. Choose a form style. This affects all form blocks on your site and can also be changed in site styles.
  6. Choose a button style and alignment.
  7. Click the First Input Highlight dropdown menu to set animations that draw attention to the first field of the form.
  8. Switch the Background toggle on to enable a background color.
  9. 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. The lightbox form name follows the Heading 3 font size tweak.
  10. Beside Stroke, you can add a solid or dotted line outlining the block, then set the stroke color and thickness.
  11. 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.
  12. Switch Blur toggle on and use the slider to adjust the level of blurriness on the form's elements and background.
  13. Add transform effects under Transforms.
  14. Click Save.

How do I stop receiving 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. While it's not possible to eliminate spam entirely, follow best practices to help prevent it and report it when you do receive it.

Can I track engagement with form block submissions?

Yes. You can track your form submission conversation rate, which compares the number of times a form was viewed with the number of submissions received, with form & button conversions analytics.

Can I use form blocks as a HIPAA-compliant solution?

No. Form blocks sent over SSL-enabled domains are encrypted, but they can't be used as part of a HIPAA-compliant solution. To collect secure patient information, we recommend Acuity Scheduling.

Was this article helpful?

Yes No

1584 out of 3007 found this helpful

Yes No

Form blocks