Difference between revisions of "Wix integration"

From SimplyBook.me
Line 1: Line 1:
 +
 +
 +
 +
 
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]]

Revision as of 12:37, 15 July 2020



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 website editing mode, select the page to edit or add a new one and click on "+" on the left to add new element.
Wix add element.png



2. Look for "Embed" option and select "HTML iFrame"
Wix embed iframe path.png



3. Switch to “Enter code” mode.
Wix enter code path.png



4. Go to your SimplyBook.me admin page. Navigate to Settings → Bookings on Webpage or Facebook → Booking widget for your own website.
Widget code path.png



5. Press “Get widget code”. Almost done, just few simple steps left!
Create iframe widget.png



6. Copy the code you received.
Iframe widget code.png



7. Insert the code into Wix iFrame code window and Press “Apply/Update”.
Wix paste widget code.png



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

Wix widget result.png