All Collections
Forms
Embed Bloom Forms Into a Squarespace Site
Embed Bloom Forms Into a Squarespace Site

Learn how to embed Bloom Forms into a Squarespace site with the following steps:

Daniel avatar
Written by Daniel
Updated over a week ago

When creating or editing your Form, Bloom gives you the option to present it to new or potential clients in a variety of ways. You can send it via URL in an Email, add that URL in a social post or have it in your bio. You can also directly embed it in your already existing site (if you choose not to build one through Bloom). Whether you'd like to use a button popup or directly embed it under one of your own tabs - here are the steps on how you'd do so:

  • Edit the form that you want to embed into your website.

  • Go to the "Design" tab and pick between direct embed or full page popout.

  • Go to the "Embed" tab when editing your form.

  • Copy the code from the embed section.

  • To find the location of the embed in Squarespace, follow these steps:

    ​Add a code block:

    To add a code block:

    1. Edit a page or post, click Add Block or an insert point, then click Code.

    2. Open the block editor by clicking the pencil icon on the block.

    3. Add your code in the text field.

    4. If you're using the code block to display code snippets, switch the Display Source toggle on.

  • After you've successfully added the code snippet you may notice that every page you added it to will now have your Bloom Messenger pop-up. If you'd like to only embed the forms without having the Messenger, please be sure to go disable it in the Settings. If you'd like to keep the Messenger pop-up, please skip this step:

    • Settings > Messenger > Status > Off

Did this answer your question?