Embedding your booking page in Squarespace
If you want to integrate an appointment booking feature directly on your Squarespace website, you're in the right place. This guide will walk you through the simple process of embedding your meetergo booking page into your Squarespace site, allowing visitors to schedule appointments without leaving your website.
Go to your Meeting Types
Click the "Share" button next to the meeting type you want to embed
Select the "Embed/Website" tab in the sharing window
Choose your preferred integration option. The easiest is "Inline Embed".
Click "Copy Code" to copy the embed code to your clipboard
The embed code contains everything needed to display your booking form on your website. Keep this code handy as we'll need it for the next steps.
Log in to your Squarespace account and open your site's editor
Navigate to the page where you want to add the booking form
Click "Edit" to enter editing mode for that page
Click the "+" button to add a new content block
Search for and select "Code" from the content blocks menu
Paste your embed code into the code editor that appears
Click "Apply" to save the code block
Your booking form will now appear on your page. You may need to preview your site to see how the booking form will actually look to visitors.
For optimal display of your booking form, you may need to make some adjustments:
With the code block selected, click on the gear icon to access block settings
Check the "Display Source" option if you want to hide the code and only show the result
To adjust the height, you may need to modify the embed code by adding inline CSS
We recommend a minimum height of 700px for the booking form to display properly
Save your changes to apply the adjustments
Squarespace provides limited options for customizing the appearance of embedded content directly, but the form will adopt some styling from your Squarespace template automatically.
Once you're satisfied with how the booking form looks and functions:
Click "Save" in the top navigation bar to save your page edits
Preview your site to ensure everything looks correct
If you're happy with the results, your changes will be live immediately (or click "Publish" if you're working on an unpublished page)
After publishing, your website visitors will be able to schedule appointments directly through the embedded meetergo form without ever leaving your website.
If your booking form doesn't display properly, check the height specification in your embed code. meetergo booking forms typically need at least 700px of height to display all elements correctly. In Squarespace, you might need to add inline CSS to the iframe in your embed code to control the height.
Yes! You can customize the appearance of your booking form directly in your meetergo account. Go to your account settings, then "Appearance," where you can adjust colors, fonts, and other styling options to match your brand. You can also use custom CSS.
Yes, the meetergo booking form is fully responsive and will adapt to any devices. Squarespace sites are already mobile-responsive, so the embedding should work well across all screen sizes.
Yes, you can add your meetergo booking form to a popup or lightbox in Squarespace. First, create a button or link that will trigger the popup, then add your embed code to a Code Block inside the popup content. You may need to adjust the popup size to accommodate the booking form.
The meetergo booking form is designed to load efficiently and should have minimal impact on your site's overall performance.
Step 1: Getting Your Embed Code
Go to your Meeting Types
Click the "Share" button next to the meeting type you want to embed
Select the "Embed/Website" tab in the sharing window
Choose your preferred integration option. The easiest is "Inline Embed".
Click "Copy Code" to copy the embed code to your clipboard
The embed code contains everything needed to display your booking form on your website. Keep this code handy as we'll need it for the next steps.
Step 2: Adding the Embed Code to Squarespace
Log in to your Squarespace account and open your site's editor
Navigate to the page where you want to add the booking form
Click "Edit" to enter editing mode for that page
Click the "+" button to add a new content block
Search for and select "Code" from the content blocks menu
Paste your embed code into the code editor that appears
Click "Apply" to save the code block
Your booking form will now appear on your page. You may need to preview your site to see how the booking form will actually look to visitors.
Step 3: Adjusting the Embed Size and Style
For optimal display of your booking form, you may need to make some adjustments:
With the code block selected, click on the gear icon to access block settings
Check the "Display Source" option if you want to hide the code and only show the result
To adjust the height, you may need to modify the embed code by adding inline CSS
We recommend a minimum height of 700px for the booking form to display properly
Save your changes to apply the adjustments
Squarespace provides limited options for customizing the appearance of embedded content directly, but the form will adopt some styling from your Squarespace template automatically.
Publishing Your Changes
Once you're satisfied with how the booking form looks and functions:
Click "Save" in the top navigation bar to save your page edits
Preview your site to ensure everything looks correct
If you're happy with the results, your changes will be live immediately (or click "Publish" if you're working on an unpublished page)
After publishing, your website visitors will be able to schedule appointments directly through the embedded meetergo form without ever leaving your website.
Frequently Asked Questions (FAQ)
Why isn't my booking form displaying correctly?
If your booking form doesn't display properly, check the height specification in your embed code. meetergo booking forms typically need at least 700px of height to display all elements correctly. In Squarespace, you might need to add inline CSS to the iframe in your embed code to control the height.
Can I customize the colors of the booking form?
Yes! You can customize the appearance of your booking form directly in your meetergo account. Go to your account settings, then "Appearance," where you can adjust colors, fonts, and other styling options to match your brand. You can also use custom CSS.
Will the embedded form be mobile-responsive?
Yes, the meetergo booking form is fully responsive and will adapt to any devices. Squarespace sites are already mobile-responsive, so the embedding should work well across all screen sizes.
Can I add the booking form to a popup or lightbox in Squarespace?
Yes, you can add your meetergo booking form to a popup or lightbox in Squarespace. First, create a button or link that will trigger the popup, then add your embed code to a Code Block inside the popup content. You may need to adjust the popup size to accommodate the booking form.
Will the booking form affect my Squarespace site's loading speed?
The meetergo booking form is designed to load efficiently and should have minimal impact on your site's overall performance.
Updated on: 28/04/2025
Thank you!