The Best Place to Put a Contact Form on Your Website

Despite all the different businesses and websites in the world, there are certain pages that are consistent on each website. There’s usually a home page, an about page, and a contact page. So, when building our sites it’s natural to direct people to our contact page form when we want them to get in touch with us about our services, ask for a quote, etc.

Sure, it makes sense to include a call to action and a link to our contact page, but what if there’s a better place to put a form than just on our contact page?




Don’t make them leave the page

I recently revamped my service page to further refine and define my offerings and packages to prospective clients. One of the features I added to my service page has made it faster and easier for potential clients to get in touch with me, and as a result the number of inquiries I received has gone up.

The one feature I added? A lightbox contact form right underneath my service packages information. I put it there so people who are interested in hiring me can fill out a form and check a box for the package they just read about without ever leaving the page. Don’t make people leave your page if they don’t have to. Make it as easy as possible for someone to get in touch with you!


Using a lightbox form

In Squarespace it’s ridiculously easy to build forms, and you also have the option to make it a light box form. This means that instead of having a bulky form taking up room on your page, the form is opened in a lightbox when an interested visitor simply clicks on a button.

Using the lightbox option is great because it:

  • doesn’t clutter the design of your page
  • allows an opportunity for a call-to-action (CTA)
  • people who are truly interested in contacting you are going to click it, and the people who aren’t sure yet can keep on scrolling unhindered by a bulky form 


How to Create a Lightbox Form in Squarespace

If you’ve created a form for your contact page before, then you’re just one step away from knowing how to make it a lightbox. Seriously, it’s so easy! Here are simple instructions on how to take a regular form and turn on the lightbox mode:

  1. On the page you want to add the lightbox form, click the teardrop shaped button to add a form block from the block panel. You’ll find it located under the “More” category.
  2. Once you’ve added a form block, you’ll go into changing the setting to your liking. You’ll start under the “Build” tab and enter the title of the form (ex. Service Inquiry, Package Pricing Request, [Name of Your Content Upgrade] Form, etc.). Then you’ll add different fields that you want people to fill out and mark them as required if desired.
  3. Once you’ve got your form built, you’ll move over to the “Storage” tab. You can either have forms sent directly to your email, which is the option I use for service/pricing inquiries. Or you can connect the form to a MailChimp list and automation series so the freebie gets sent to them as soon as they hit submit on the form.
  4. Under the “Advanced” tab, you can choose the alignment of the button and customize what you want the submit button to say. You can also customize the thank you message and the privacy message if you wish.
  5. You’ll then scroll down to the bottom of the “Advanced” tab and select the option to put the form in “lightbox mode”
  6. Once selected, you’ll customize what you want the button that’ll open the form to say.
TIP:  Instead of just saying “click here” for the button that will open the lightbox form, use this opportunity to create a compelling call-to-action. It’s recommended to write it in first person so the one reading it relates to it most. Examples: "Send Me Pricing Info" or "I Want the Freebie!"


How to Use Forms Besides Your Contact Page

  • opt-in or content upgrades in blog posts
  • on your shop/product page, include a lightbox form with a CTA for wholesalers
  • schedule a free consultation
  • requesting price information

There are a lot of ways to get creative with Squarespace’s forms and use them to make your website more efficient and user friendly. Adding a lightbox form to your service page is just one of many ways!

What are your favorite Squarespace features, and how have you used them to make your site more efficient?