Use Your Formsite Form with Website Builders

Formsite makes forms fast and easy, and our customers frequently use fast and easy website building tools to embed their forms. The most popular website builders we get requests about include Squarespace, Wix, and WordPress. These services make getting online super easy and work great with Formsite forms, so let’s see how to work with each.

Formsite form with Wix website builder

Website Builders:

Squarespace

The easiest of the group, Squarespace allows custom scripts to be used and handles our embed code with ease.

  1. Open an account with Squarespace or log in to your existing account.
  2. In your site editor, go to the page you want your form to appear on and click edit
  3. Hover over the insert bar and click to insert an item, then select the Embed icon
  4. Click the code icon (looks like </>) and paste your form’s embed code, found in your Formsite account under Share -> Embed Code
  5. Click save and preview your site

Wix

Wix is one of the easiest and popular choices among website builders but they don’t allow custom scripts to be used, so we need to work around this limitation.

  1. Open an account with Wix or log in to your existing account
  2. In your site editor, click the Add button
  3. Click More
  4. Click Embed a Site
  5. In your Formsite account, click your form’s Share page and copy the form link
  6. Paste the form link into the website address field
  7. Locate and resize the element as needed

Notes:

Since we can’t use the embed code, the magic used to resize the box around the form can’t be resized when needed. For example, if you use a multi-page form and the pages are significantly different sizes, you will need to size the HTML item in your Wix site to fit the longest page.

If you want to use your Formsite form in a box narrower than around 400px wide, you will notice that the responsive code reformats your form. This helps make the form more usable at narrow widths and can be disabled (but is not recommended) in the Form Editor -> Style -> Advanced page.

WordPress

We have previously written about how to embed your forms using WordPress, but we’ve gotten some questions about how to use wordpress.com sites, too. Spoiler: You can’t.

What’s the difference?

WordPress gives us two ways to use their wonderful service:

  1. You can download the software and install it on a server you control, and our embedding method works great with this option.
  2. Or you can go to wordpress.com and make a new site using their totally-online version that uses their hosting and gives you a URL like myname.wordpress.com. This method prevents all outside scripts and embedding, unfortunately, and there is no good workaround at this time.

Hopefully these tips can help you with your site and feel free to contact our customer support if you ever have any questions or problems that we can help with.

Billions of forms submitted