Changes

<span class="qa">[[Widgets for your own website]]</span>

<span class="qa">[[Widgets for your own website]]</span>

<div class="mw-collapsible-content">

<div class="mw-collapsible-content">

[[#iFrame_Widget | iFrame widget]]

[[Widgets_for_your_own_website#iFrame_Widget | iFrame widget]]

[[#Booking_Button_Widget | Booking Button Widget]]

[[Widgets_for_your_own_website#Booking_Button_Widget | Booking Button Widget]]

[[#Booking_and_Contact_Button_Widget | Booking and Contact widget]]

[[Widgets_for_your_own_website#Booking_and_Contact_Button_Widget | Booking and Contact widget]]

  </div>

  </div>

</div>

</div>

:You can add [https://simplybook.me SimplyBook] functionality to Facebook fan page in Settings//Bookings on Webpage or Facebook//Facebook booking widget//Save settings and connect facebook page// choose the page to attach [https://simplybook.me Simplybook] to.

:You can add [https://simplybook.me SimplyBook] functionality to Facebook fan page in Settings//Bookings on Webpage or Facebook//Facebook booking widget//Save settings and connect facebook page// choose the page to attach [https://simplybook.me Simplybook] to.

[[File:Facebook widget 3.png | center]]

[[File:Facebookwidgetsettings.png | center]]

:3. Enable API Custom Feature in the Custom Features section of SimplyBook.me admin page in the section "For developers" by pressing green button "enable near it.  

:3. Enable API Custom Feature in the Custom Features section of SimplyBook.me admin page in the section "For developers" by pressing green button "enable near it.  

[[File:Enable api plugin.png| center]]

[[File:Enableapi.png| center]]

[[File:Api plugin settings.png| center]]

[[File:Apisettings.png| center]]

[[File:Api plugin keys.png | center]]

[[File:Apikeys.png | center]]

Please copy the code from Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code.

Please copy the code from Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code.

[[File:Widget integration for your own website.png | center]]

[[File:Bookingwidgetsetting.png | center]]

[[File:Widget settings 2.png | center]]

[[File:Widgetsettings.png| center]]

[[File:Widget code 3.png | center]]

[[File:Widgetcode.png | center]]

Then, insert the iFrame code to the page you want to show the widget on in WordPress admin page//Pages//Add new or edit existing one//paste the code and press "publish/update".

Then, insert the iFrame code to the page you want to show the widget on in WordPress admin page//Pages//Add new or edit existing one//paste the code and press "publish/update".

: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:Booking widget 1.PNG | center]]

[[File:Bookingwidgetsetting.png | center]]

: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 2.png | center]]

[[File:Widgetsettings.png | center]]

:7. Copy the code you received.

:7. Copy the code you received.

[[File:Widget code 3.png | center]]

[[File:Widgetcode.png | center]]

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