Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Form Blocks

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.

Before you begin

Watch a video

Add a Form Block

To add a Form Block:

  1. Edit a page or post, click an insert point, and select Form from the menu. For help, visit Adding blocks.
  2. In the Build tab of the block editor, set up your form.
  3. Click Storage to add a storage option.
  4. Click Advanced to customize advanced settings.
  5. Click Apply to save your changes.

Set up your form

When you add a Form Block, it includes a default form name and four default fields (Name, Email Address, Subject, and Message) in the Build tab to help you get started.

To set up your form:

  1. Delete New Form in the Form Name field and enter a name for the form. 
  2. To edit any of the default fields, click its Edit button, or click the trash can icon to delete it.
  3. To add new fields to the form, click Add form field. For each field, you can edit the title, add a description, and make the field required.

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.
  • The form name only appears to visitors if you set the form to open in a lightbox.
  • We recommend a limit of 30 fields to keep your form easy for visitors to complete. This is the field limit for forms connected to Mailchimp.
  • To learn about field options, visit Form fields explained.

Add a storage option

To select where to send form submissions, click the Storage tab. To learn more, visit Managing form and newsletter storage.

Customize advanced settings

To customize advanced settings, click the Advanced tab. Options include:

  • Customizing the Submit button.
  • Setting up a post-submit redirect or post-submit message.
  • Set the form to open in a lightbox.

To learn more, visit Advanced Form Block options.

Style the Form Block

You can style some elements of your Form Blocks. Your options depend on your site's version.

Fonts

To style the block's fonts:

  1. In the Home Menu, click Design, then Fonts.
  2. Click the-gear-icon on your selected font pack.
  3. Click Advanced and scroll to the Form Block section.
  4. Click into each option to style the different fonts. Keep in mind, if your Form Block doesn't include certain elements, like a Select field with a drop-down menu, you may not see a change.
  5. Click Save after making changes.

Colors

To style the block's colors:

  1. In the Home Menu, click Design, then Colors.
  2. Click the pencil icon on your theme and scroll to the Form Block section, or click the Form Block on your site to show all relevant tweaks.
  3. Click Save after making changes.

Generally, the Form Block's style will follow your template's body text and button tweaks, but options vary depending on your template. To learn more about styling your site, visit Making style changes.

Add reCAPTCHA to reduce spam

After saving the block, you can add Google reCAPTCHA to reduce spam. Visitors will have to prove that they're not robots before completing their submissions. To learn more, visit Adding Google reCAPTCHA to forms.

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.

Was this article helpful?
347 out of 612 found this helpful