From SimplyBook.me
No edit summary |
Marked this version for translation |
||
| Line 24: | Line 24: | ||
<br><br></translate> | <br><br></translate> | ||
<translate> | <translate> | ||
<!--T:5--> | |||
:4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add content</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom HTML</span> | :4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add content</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom HTML</span> | ||
[[File:Select html.png|border|center]] | [[File:Select html.png|border|center]] | ||
| Line 34: | Line 35: | ||
<br><br></translate> | <br><br></translate> | ||
<translate> | <translate> | ||
<!--T:6--> | |||
:7. Copy the whole code from the popup and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> field on Shopify side. Adjust container width if necessary. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> the changes | :7. Copy the whole code from the popup and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">HTML</span> field on Shopify side. Adjust container width if necessary. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> the changes | ||
[[File:Insert html to shopify side.png|border|center]] | [[File:Insert html to shopify side.png|border|center]] | ||
Latest revision as of 08:04, 1 July 2025
If you use Shopify, and if you want to add the possibility of bookings to your website we have the right solution for you!
Our iFrame widget allows you to connect the Shopify website with SimplyBook.com and let your clients book right from the website both from their PC or from their mobile devices. This solution will make your booking process more convenient and easy.
- How to set
- 1. Please navigate to Online Store -> Themes -> Customize in your Shopify account.
- 2. Select the section you would like to edit on the left or add a new one.
- 3. Choose to add Custom content.
- 4. Click on Add content and select Custom HTML
- 5. Navigate to your SimplyBook.me account -> Settings -> Booking widgets settings -> iFrame widget
- 6. Adjust the design to your taste and needs, get widget code.
- 7. Copy the whole code from the popup and insert it to HTML field on Shopify side. Adjust container width if necessary. Save the changes
- 8. As the result you will see how the booking widget looks like right away.
