Difference between revisions of "Wix integration"

From SimplyBook.me
Line 7: Line 7:
 
:1. Go to '''Wix App Store'''.
 
:1. Go to '''Wix App Store'''.
  
[[File:Wix app store.jpg | center]]
+
[[File:Wix app market new.png | center]]
 
+
<br><br>
 
:2. Enter “'''HTML'''” in the Search apps field.
 
:2. Enter “'''HTML'''” in the Search apps field.
[[File:Html plugin.jpg | center]]
+
[[File:New wix html.png | center]]
 
+
<br><br>
 
:3. Select “'''HTML iFrame/Embed'''”  plugin.
 
:3. Select “'''HTML iFrame/Embed'''”  plugin.
 
[[File:Html iframe.jpg | center]]
 
[[File:Html iframe.jpg | center]]
 
+
[[File:New wixt html add.png | center]]
 +
<br><br>
 
:4. Switch to “'''HTML code'''” mode.
 
:4. Switch to “'''HTML code'''” mode.
[[File:Html mode.jpg | center]]
+
[[File:Screenshot from 2017-06-16 15-47-05.png | center]]
 
+
<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:Bookingwidgetsetting.png | center]]
 
+
<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:Widgetsettings.png | center]]
+
[[File:Widget settings new.png | center]]
 
+
<br><br>
 
:7. Copy the code you received.
 
:7. Copy the code you received.
[[File: Widgetcode.png | center]]
+
[[File:New iframe code.png | center]]
 
+
<br><br>
 
:8. Insert the code into Wix  iFrame plugin and Press “'''Update'''”. Remark that there is a “width=960” inside the code you paste into the HTML plugin. You may need to adjust the “960” number to some width that suits your website. You could try some numbers in the range from 500 to 960 and see what fits best. You can do these changes directly in the code that you pasted in the HTML plugin.
 
:8. Insert the code into Wix  iFrame plugin and Press “'''Update'''”. Remark that there is a “width=960” inside the code you paste into the HTML plugin. You may need to adjust the “960” number to some width that suits your website. You could try some numbers in the range from 500 to 960 and see what fits best. You can do these changes directly in the code that you pasted in the HTML plugin.
[[File:Insert code.jpg | center]]
+
[[File:New wix add code2.png | center]]
 
+
<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:Widget example.jpg | center]]
 

Revision as of 13:34, 16 June 2017

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

1. Go to Wix App Store.
Wix app market new.png



2. Enter “HTML” in the Search apps field.
New wix html.png



3. Select “HTML iFrame/Embed” plugin.
Html iframe.jpg
New wixt html add.png



4. Switch to “HTML code” mode.
Screenshot from 2017-06-16 15-47-05.png



5. Go to your SimplyBook.com admin page. Go to Settings → Bookings on Webpage or Facebook → Booking widget for your own website.
Bookingwidgetsetting.png



6. Press “Save Settings and get iFrame code”. Almost done, just few simple steps left!



7. Copy the code you received.
New iframe code.png



8. Insert the code into Wix iFrame plugin and Press “Update”. Remark that there is a “width=960” inside the code you paste into the HTML plugin. You may need to adjust the “960” number to some width that suits your website. You could try some numbers in the range from 500 to 960 and see what fits best. You can do these changes directly in the code that you pasted in the HTML plugin.
New wix add code2.png



Congratulations! Now you have the best booking system on your Wix website!

Wix new widget.png