Line 18: |
Line 18: |
| <span class="qa">[[Joomla integration]]</span> | | <span class="qa">[[Joomla integration]]</span> |
| <div class="mw-collapsible-content"> | | <div class="mw-collapsible-content"> |
− | :1. Take the iFrame code of your booking page in Settings//Bookings on Webpage or Facebook//Booking widget for your website//Save settings and Get code. | + | :1. Take the iFrame code of your booking page in Settings//Bookings on Webpage or Facebook//Booking widget for your website//Get widget code. |
| | | |
− | [[File:Bookingwidgetsetting.png | center]] | + | [[File:Widget code path.png | center]] |
| <br><br> | | <br><br> |
− | [[File:Widget settings new.png | center]] | + | [[File:Generate widget code.png | center]] |
| <br><br> | | <br><br> |
− | [[File:New iframe code.png | center]] | + | [[File:Widget code copy.png | center]] |
| <br><br> | | <br><br> |
| :2. Now go to Content>Articles check the box of the entry you want to insert the booking functionality into and click 'edit'. Then insert the widget code to the HTML code <body> of your website on the page where you need to display the booking functionality. | | :2. Now go to Content>Articles check the box of the entry you want to insert the booking functionality into and click 'edit'. Then insert the widget code to the HTML code <body> of your website on the page where you need to display the booking functionality. |
Line 30: |
Line 30: |
| <br><br> | | <br><br> |
| :3. Save settings and publish the page. | | :3. Save settings and publish the page. |
| + | <br><br> |
| <br><br> | | <br><br> |
| </div> | | </div> |
Line 80: |
Line 81: |
| <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'''. | | :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'''. |
− | [[File:Bookingwidgetsetting.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! | | :6. Press “'''Save Settings and get iFrame code'''”. Almost done, just few simple steps left! |
− | [[File:Widget settings new.png | center]] | + | [[File:Create iframe widget.png | center]] |
| <br><br> | | <br><br> |
| :7. Copy the code you received. | | :7. Copy the code you received. |
− | [[File:New iframe code.png | center]] | + | [[File:Iframe widget code.png | center]] |
| <br><br> | | <br><br> |
| :8. Insert the code into Wix iFrame plugin and Press “'''Update'''”. | | :8. Insert the code into Wix iFrame plugin and Press “'''Update'''”. |
Line 93: |
Line 94: |
| 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 new widget.png | center]] |
| + | |
| | | |
| </div> | | </div> |