Line 193: |
Line 193: |
| <span class="qa">[[Wix integration]]</span> | | <span class="qa">[[Wix integration]]</span> |
| <div class="mw-collapsible-content"> | | <div class="mw-collapsible-content"> |
| + | |
| + | |
| + | |
| + | |
| If you use Wix, and if you want to add the possibility of bookings to your website we have the right solution for you! | | If you use Wix, 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 Wix website with [https://simplybook.me 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. | | Our iFrame widget allows you to connect the Wix website with [https://simplybook.me 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. |
| + | |
| | | |
| To do this, please follow these simple steps: | | To do this, please follow these simple steps: |
| | | |
− | :1. Go to '''Wix App Store'''. | + | :1. Go to website editing mode, select the page to edit or add a new one and click on "+" on the left to add new element. |
− | | + | [[File:Wix add element.png|border | center]] |
− | [[File:Wix app market new.png | center]] | |
− | <br><br>
| |
− | :2. Enter “'''HTML'''” in the Search apps field.
| |
− | [[File:New wix html.png | center]]
| |
| <br><br> | | <br><br> |
− | :3. Select “'''HTML iFrame/Embed'''” plugin. | + | :2. Look for "Embed" option and select "HTML iFrame" |
− | [[File:Html iframe.jpg | center]] | + | [[File:Wix embed iframe path.png| border| center]] |
− | [[File:New wixt html add.png | center]]
| |
| <br><br> | | <br><br> |
− | :4. Switch to “'''HTML code'''” mode. | + | :3. Switch to “'''Enter code'''” mode. |
− | [[File:Screenshot from 2017-06-16 15-47-05.png | center]] | + | [[File:Wix enter code path.png |border| center]] |
| <br><br> | | <br><br> |
− | :5. Go to your [https://simplybook.me SimplyBook.com] admin page. Go to '''Settings → Bookings on Webpage or Facebook → Booking widget for your own website'''. | + | :4. Go to your [https://simplybook.me SimplyBook.me] admin page. Navigate to '''Settings → Bookings on Webpage or Facebook → Booking widget for your own website'''. |
| [[File:Widget code path.png| center]] | | [[File:Widget code path.png| center]] |
| <br><br> | | <br><br> |
− | :6. Press “'''Save Settings and get iFrame code'''”. Almost done, just few simple steps left! | + | :5. Press “'''Get widget code'''”. Almost done, just few simple steps left! |
| [[File:Create iframe widget.png | center]] | | [[File:Create iframe widget.png | center]] |
| <br><br> | | <br><br> |
− | :7. Copy the code you received. | + | :6. Copy the code you received. |
| [[File:Iframe widget code.png | center]] | | [[File:Iframe widget code.png | center]] |
| <br><br> | | <br><br> |
− | :8. Insert the code into Wix iFrame plugin and Press “'''Update'''”. | + | :7. Insert the code into Wix iFrame code window and Press “'''Apply/Update'''”. |
− | [[File:New wix add code2.png | center]] | + | [[File:Wix paste widget code.png|border | center]] |
| <br><br> | | <br><br> |
| Congratulations! Now you have [https://simplybook.me the best booking system] on your Wix website! | | Congratulations! Now you have [https://simplybook.me the best booking system] on your Wix website! |
− | [[File:Wix new widget.png | center]] | + | [[File:Wix widget result.png|border | center]] |
| | | |
| </div> | | </div> |