Changes

=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]]

[[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>

=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.