Adding your booking form to your Squarespace site

Follow these simple steps to add your Muddy Booking form onto your website in a matter of minutes:
  1. Locate the code
  2. Copy the code
  3. Locate the page
  4. Edit the page
  5. Add a section
  6. Choose the section layout
  7. Add a block
  8. Choose the correct block
  9. Embed the data
  10. Paste the HTML
  11. Save the page

Step One

Select 'Embed Code' from the 'Administration' section of the sidebar in the admin area.

Muddy admin area

Step Two

Use the green 'Copy HTML' button next to the booking form you want to embed to copy the HTML.

Muddy embed codes page

Step Three

Log into your Squarespace site and select 'Pages' from the 'Website' tab in the sidebar.

Squarespace pages

Step Four

Edit the page.

Squarespace page editor

Step Five

Add a new section to the page.

Add squarespace section

Step Six

You can choose any section template you like, but we recommend using a blank section.

Squarespace section selection

Step Seven

Select 'Add Block'.

Squarespace block editor

Step Eight

Select the 'Embed' block. The 'Code' block has restrictions for some plans, so shouldn't be used to embed your form.

Squarespace embed block

Step Nine

Edit the 'Embed' block and select 'Code Snippet'. Click 'Embed data'.

Embed block

Step Ten

Paste the HTML copied from the Muddy admin area into the 'Embed data' field.

Embed data

Step Eleven

Save the changes to your page.

Squarespace page editor

You're ready to take bookings!

Your customers can now make bookings from your website.

Squarespace page with Muddy Booking form