From SimplyBook.me
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<br><br> | |||
__FORCETOC__ | |||
=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 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." | [[File:Widget code path.png | center]] | ||
<br><br> | |||
[[File:Iframe widget code.png | center]] | |||
<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. | |||
:You can name it "Book Now", "Online Booking" or "Calendar." | |||
[[File:Squarespace add new page.png | center]] | |||
<br><br> | <br><br> | ||
'''Booking button widget | :3. Open the page editor. Click on "+" in the top right corner and select ''Code'' from the Block Menu. | ||
[[File:Squarespace add new block.png | center]] | |||
<br><br> | |||
[[File:Squarespace select code block.png | center]] | |||
<br><br> | |||
:4. 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]] | |||
<br><br> | |||
:5. 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. | |||
[[File:Squarespace preview.png | center]] | |||
<br><br> | |||
:6. Or you can publish the website and access it as a client to check the look. | |||
[[File:Squarespace website look.png | center]] | |||
<br><br> | |||
=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 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 | [[File:Booking button widget path v3.png | center]] | ||
:3. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to your Squarespace | <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. | |||
[[File:Squarespace add new block.png | center]] | |||
<br><br> | |||
[[File:Squarespace select code block.png | center]] | |||
<br><br> | |||
:3. Insert the code received in [https://simplybook.me/ Simplybook] admin page, to your Squarespace page. | |||
[[File:Squarespace add code.png | center]] | |||
<br><br> | |||
:4. Save the page and check the look. | |||
[[File:Squarespace booking button widget new.png | center]] | |||
<br><br> | |||
Revision as of 09:51, 5 April 2019
iFrame widget
- 1. In your 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."
- 3. Open the page editor. Click on "+" in the top right corner and select Code from the Block Menu.
- 4. Insert the code received in Simplybook admin page, to the HTML code box and click "Apply".
- 5. 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.
- 6. Or you can publish the website and access it as a client to check the look.
Booking button widget
- 1. In your 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 the page you wish to add the code to, switch to editing mode and select to add "Code" block.
- 3. Insert the code received in Simplybook admin page, to your Squarespace page.
- 4. Save the page and check the look.
