Adding your booking form to Squarespace

Learn how to add your Muddy booking form to your Squarespace website.

Finding your embed code

  1. In the Muddy admin area, click Settings in the left-hand menu, then click Website embedding

Website embedding in settings

  1. Find the booking form you want to add to your site and click the green Copy HTML button next to it

Copy HTML button

This copies the embed code to your clipboard, ready to paste into Squarespace.

Adding the form to your Squarespace page

Step 1: Open your page

Log into Squarespace and go to Pages. Open the page where you want the booking form to appear.

Squarespace pages

Step 2: Edit your page

Click Edit to open the page editor.

Squarespace page editor

Step 3: Add a new section

Click to add a new section on your page.

Adding a new section

Choose a Blank section layout.

Choosing a blank section

Step 4: Add an Embed block

Click Add Block in your new section.

Add Block button

Choose Embed (not "Code" — the Code block may be restricted depending on your Squarespace plan).

Selecting Embed block

Step 5: Paste the code

In the Embed block, select Code Snippet, then choose Embed data.

Code Snippet option

Paste the HTML you copied from the Muddy admin area into the embed field.

Pasting the embed code

Step 6: Save your page

Save your changes.

Saving the page

Your customers will now see a Book now button on your page, which opens your booking form.

Finished booking form on Squarespace