How to add an inline form to your Squarespace website | Flodesk Help Center

flodesk forms are your website’s best friend. they capture the email addresses of your visitors so you can build your list and start regularly sharing your brand message. and adding them to your squarespace website couldn’t be easier.

The most common registration forms you find on websites are online forms. they are the ones embedded in website pages, blog posts, sidebars or footers. Unlike pop-up forms, they appear as a natural, integrated part of the web page and are displayed at all times.

How do you embed an online form on your website?

just add two code snippets.

how to add an online form to your squarespace website

step 1. start by creating and customizing your online form.

step 2. at the end of the form customization steps, you will get two code snippets. it will look something like the image below. You need to add these codes to your squarespace website so that the form is displayed and your subscribers can sign up.

note: both the header code and the inline code must be added to your website. it is not enough to add just one of them.

how to add header code and inline code to your squarespace website

Step 1. Let’s start by adding the header code. inside squarespace, go to settings > advanced > code injection and then paste the flodesk header code into the header section.

step 2. Next, we’ll add the flodesk inline code to your squarespace site. the inline code snippet should be added where you want the form to appear on your web page.

add a blank section on your page, then edit it.

add a < /> code block in this blank section (see screenshot below) and paste the flodesk inline code here.

click apply and save changes.

refresh your page and the form should appear on your page.

Want to see how it’s done? Cinnamon Wolfe, an amazing member of flodesk, made a tutorial to walk you through the whole process. check it out below.

let’s summarize it!

• If you really want to increase your sales, build your brand and position yourself as a thought leader, be sure to add an online form to your website.

  First, create an online form.

  Copy the flodesk header code snippet that was generated for you. paste it into the header section of your squarespace website under settings > advanced > code injection.

  then copy the flodesk online code snippet that was generated for you. paste this into a < /> code block on the page where you want the form to appear on your site.

  Start capturing visitor email addresses and send those beautiful emails!

  more to learn:

  • how to fix a disappearing embedded form in squarespace

    how to add the same form multiple times to a web page

    Why doesn’t my form display the image when I embed it on my website?

    We’d love to hear about your recent experience searching for solutions to problems in the flodesk help center (knowledge base). With your feedback, we can enhance our knowledge base with new and better ways to help you succeed.

    please do not submit support tickets or feature requests through this feedback form.

    if you need technical assistance, please submit a support ticket via email to support[at]flodesk.com mentioning your flodesk account login email with a detailed description of your problem.

    Do you have an idea for a feature to help make flodesk better for you and other members? our product team would love to hear from you.

    submit a feature request here.