Squarespace - Revision history

Admin at 16:15, 5 February 2026

2026-02-05T16:15:10Z

← Older revision		Revision as of 16:15, 5 February 2026
Line 4:		Line 4:
	{{#seo:		{{#seo:
	\|title=Squarespace - SimplyBook.me		\|title=Squarespace - SimplyBook.me
	\|description=Integrate ~~SimplyBook~~.me with ~~Squarespace to enable seamless online bookings~~. ~~Follow the guide to connect your website today!~~		\|description=Integrate booking widget with Squarespace websites. Embed booking functionality on Squarespace pages with widget code. Streamline appointment management.
	\|titlemode=append		\|titlemode=append
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url

Admin at 07:00, 19 June 2025

2025-06-19T07:00:43Z

← Older revision		Revision as of 07:00, 19 June 2025
Line 9:		Line 9:
	}}		}}
	</translate><translate>		</translate><translate>

	<!--T:2-->		<!--T:2-->
	~~<br><br>~~
	__FORCETOC__		__FORCETOC__

Admin: Marked this version for translation

2025-06-18T08:53:27Z

Marked this version for translation

← Older revision		Revision as of 08:53, 18 June 2025
Line 1:		Line 1:
	<languages/>		<languages/>
	<translate>		<translate>
			<!--T:1-->
	{{#seo:		{{#seo:
	\|title=Squarespace - SimplyBook.me		\|title=Squarespace - SimplyBook.me
Line 9:		Line 10:
	</translate><translate>		</translate><translate>

			<!--T:2-->
	<br><br>		<br><br>
	__FORCETOC__		__FORCETOC__

			<!--T:3-->
	=iFrame widget=		=iFrame widget=
	:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span>		:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span>
Line 39:		Line 42:
	<br><br></translate><translate>		<br><br></translate><translate>

			<!--T:4-->
	=Booking button widget=		=Booking button widget=
	:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span>		:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span>

Admin at 08:53, 18 June 2025

2025-06-18T08:53:23Z

← Older revision		Revision as of 08:53, 18 June 2025
Line 7:		Line 7:
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url
	}}		}}
	</translate>		</translate><translate>

	<br><br>		<br><br>
Line 37:		Line 37:
	:7. Or you can publish the website and access it as a client to check the look.		:7. Or you can publish the website and access it as a client to check the look.
	[[File:Squarespace website look.png \| center]]		[[File:Squarespace website look.png \| center]]
	<br><br>		<br><br></translate><translate>

	=Booking button widget=		=Booking button widget=
Line 53:		Line 53:
	:4. Save the page and check the look.		:4. Save the page and check the look.
	[[File:Squarespace booking button widget new.png \| center]]		[[File:Squarespace booking button widget new.png \| center]]
	<br><br>		<br><br></translate>

Admin at 17:23, 16 January 2025

2025-01-16T17:23:00Z

← Older revision		Revision as of 17:23, 16 January 2025
Line 1:		Line 1:
			<languages/>
			<translate>
			{{#seo:
			\|title=Squarespace - SimplyBook.me
			\|description=Integrate SimplyBook.me with Squarespace to enable seamless online bookings. Follow the guide to connect your website today!
			\|titlemode=append
			\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, custom booking page link, domain name, custom domain name, custom url
			}}
			</translate>

	<br><br>		<br><br>
	__FORCETOC__		__FORCETOC__

Admin at 10:48, 30 October 2024

2024-10-30T10:48:27Z

← Older revision		Revision as of 10:48, 30 October 2024
Line 4:		Line 4:
	=iFrame widget=		=iFrame widget=
	:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span>		:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span>
	[[File:Booking ~~widgets~~ path ~~new navigation~~.png\|1200px \| center]]		[[File:Booking widget path redesigned.png\|1200px \| center\|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
	<br><br>		<br><br>
	[[File:~~Iframe~~ widget code.png \| center]]		[[File:Copy widget code redesigned.png\|1200px \| center\|link=https://help.simplybook.me/images/b/b4/Copy_widget_code_redesigned.png]]
	<br><br>		<br><br>
	:2. On your Squarespace account, choose the page where are planning to insert your booking calendar. We recommend using a new page in Main Navigation designed specifically for online booking.		:2. On your Squarespace account, choose the page where are planning to insert your booking calendar. We recommend using a new page in Main Navigation designed specifically for online booking.
Line 31:		Line 31:
	=Booking button widget=		=Booking button widget=
	:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span>		:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span>
	[[File:Booking ~~widgets~~ path ~~new navigation~~.png\|1200px\| center]]		[[File:Booking widget path redesigned.png\|1200px \| center\|link=https://help.simplybook.me/images/6/68/Booking_widget_path_redesigned.png]]
	<br><br>		<br><br>
	:2. In your Squarespace account go to the page you wish to add the code to, switch to editing mode and select to add "Code" block.		:2. In your Squarespace account go to the page you wish to add the code to, switch to editing mode and select to add "Code" block.

Admin at 13:46, 11 August 2021

2021-08-11T13:46:20Z

← Older revision		Revision as of 13:46, 11 August 2021
Line 3:		Line 3:

	=iFrame widget=		=iFrame widget=
	:1. In your [https://simplybook.me/ Simplybook] admin page get the code in Settings//~~Bookings on Webpage or Facebook//Booking~~ widget ~~for your own website~~/~~/Save settings and Get code.~~		:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span>
	[[File:~~Widget code~~ path.png \| center]]		[[File:Booking widgets path new navigation.png\|1200px \| center]]
	<br><br>		<br><br>
	[[File:Iframe widget code.png \| center]]		[[File:Iframe widget code.png \| center]]
Line 30:		Line 30:

	=Booking button widget=		=Booking button widget=
	:1. In your [https://simplybook.me/ Simplybook] admin page get the code in Settings//~~Bookings on Webpage or Facebook//~~Booking button ~~widget for your website~~/~~/Save settings and Get button code.~~		:1. In your [https://simplybook.me/ Simplybook] admin page get the code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span>
	[[File:Booking ~~button widget~~ path v3.png \| center]]		[[File:Booking widgets path new navigation.png\|1200px\| center]]
	<br><br>		<br><br>
	:2. In your Squarespace account go to the page you wish to add the code to, switch to editing mode and select to add "Code" block.		:2. In your Squarespace account go to the page you wish to add the code to, switch to editing mode and select to add "Code" block.

Admin at 09:54, 5 April 2019

2019-04-05T09:54:16Z

← Older revision		Revision as of 09:54, 5 April 2019
Line 22:		Line 22:
	[[File:Squarespace add code.png \| center]]		[[File:Squarespace add code.png \| center]]
	<br><br>		<br><br>
	:6. You may get a message that embedded scripts are disabled - it is done on Squarespace side due to security reasons		:6. You may get a message that embedded scripts are disabled - it is done on Squarespace side due to security reasons but you can click on "Preview" to see if the widget is working.
	but you can click on "Preview" to see if the widget is working.
	[[File:Squarespace preview.png \| center]]		[[File:Squarespace preview.png \| center]]
	<br><br>		<br><br>

Admin at 09:52, 5 April 2019

2019-04-05T09:52:34Z

← Older revision		Revision as of 09:52, 5 April 2019
Line 12:		Line 12:
	[[File:Squarespace add new page.png \| center]]		[[File:Squarespace add new page.png \| center]]
	<br><br>		<br><br>
	:3. Open the page editor. Click on "+" in the top right corner and select ''Code'' from the Block Menu.		:3. Open the page editor. Remove the default booking block.
			<br><br>
			:4. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
	[[File:Squarespace add new block.png \| center]]		[[File:Squarespace add new block.png \| center]]
	<br><br>		<br><br>
	[[File:Squarespace select code block.png \| center]]		[[File:Squarespace select code block.png \| center]]
	<br><br>		<br><br>
	:4. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to the HTML code box and click "Apply".		:5. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to the HTML code box and click "Apply".
	[[File:Squarespace add code.png \| center]]		[[File:Squarespace add code.png \| center]]
	<br><br>		<br><br>
	:5. You may get a message that embedded scripts are disabled - it is done on Squarespace side due to security reasons		:6. You may get a message that embedded scripts are disabled - it is done on Squarespace side due to security reasons
	but you can click on "Preview" to see if the widget is working.		but you can click on "Preview" to see if the widget is working.
	[[File:Squarespace preview.png \| center]]		[[File:Squarespace preview.png \| center]]
	<br><br>		<br><br>
	:6. Or you can publish the website and access it as a client to check the look.		:7. Or you can publish the website and access it as a client to check the look.
	[[File:Squarespace website look.png \| center]]		[[File:Squarespace website look.png \| center]]
	<br><br>		<br><br>

Admin at 09:51, 5 April 2019

2019-04-05T09:51:10Z

@@ Line 1: / Line 1: @@
-'''iFrame widget:'''
+<br><br>
 :1. In your [https://simplybook.me/ Simplybook] admin page get the code in Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code.
-:2. On your Squarespace account, choose the page where are planning to insert your booking calendar. We recommend using a new page in Main Navigation designed specifically for online booking. You can name it "Book Now", "Online Booking" or "Calendar." Open the page editor. Click an ''Insert Point'' and select ''Code'' from the Block Menu.
+[[File:Widget code path.png | center]]
-:3. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to the ''Code'' box and click "Apply".
+<br><br>
-You may get a message that embedded scripts are disabled  - it is done on Squarespace side due to security reasons but you can click on "Preview" or publish website and access it as a client to see whether the widget is working.
+[[File:Iframe widget code.png | center]]
 <br><br>
-'''Booking button widget:'''
+:3. Open the page editor. Click on "+" in the top right corner and select ''Code'' from the Block Menu.
 :1.  In your [https://simplybook.me/ Simplybook] admin page get the code in Settings//Bookings on Webpage or Facebook//Booking button widget for your website//Save settings and Get button code.
-:2. In your Squarespace account go to Settings//Advanced//Code injection. ([https://support.squarespace.com/hc/en-us/articles/205815908 Squarespace instructions how to inject the code])
+[[File:Booking button widget path v3.png | center]]
-:3. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to your Squarespace settings page.
+<br><br>