How to Use Squarespace Form Block

Regardless of what business you are in, you can appreciate how valuable it is to capture information about your audience or market. It’s easy to collect information about visitors to your Squarespace site using the Form Block. Once you know the type of data you’d like to collect, you simply add the Form Block and customize the fields to suit your needs. It’s easy to create a variety of forms, including contact, enewsletter sign up, application, request for more information, survey, and more!

If you want to add a special element to your form that you don’t see among Squarespace’s many options, have no fear. We can generally offer a customized solution for your special circumstance.

Here’s how it works:

Begin by adding a Form Block to your content area.

Once you have added the Form Block, you can explore the various design and functional options within the block settings.

When you have your Form Block looking and behaving as you had hoped, you can then reposition and resize it based upon your preferences.

Within the Form Block, there are three "tabs" or options at the top of the block to choose from.  Below we'll explore each.


Standard Form Display

Here is an example Form Block set to display all fields.  In addition, all fields are set as required fields and indicated by the *asterisk beside each field.  Feel free to test this form to see how a custom message post submission can be created to further engage your site visitor.

Name *
Name
 

Lightbox Form Display

Here is an example Form Block set to display in a Lightbox, which also demonstrates both required and not required fields.  As you can see, you can customize the button text and still have all the same controls and effectiveness of a standard form.  Some of the advantages of this style include less space required, increased focus on the form, and a super cool look.

 

Build Options

In the build options, you'll be creating your form, choosing fields, and determining what is or isn't required.  Simply click the + button at the bottom of the Form Block and you will be presented with a large variety of fields from which to choose.

Storage Options

In the storage options area, you can connect the form submissions to any or all of the three different options.  You can deliver the form results to an email address, connect the form and its data to a Google Doc, and connect it directly to an Mailchimp list. 

Advanced Options

In the advanced area, you can further tweak the form settings.  From changing the actual submit button text, customizing the message displayed when a user submits, injecting code that can control what happens after the submission, and finally...turn that whole gorgeous form into a Lightbox style, triggered by a button.