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