Widgets for your own website: Difference between revisions

Line 1:

~~The main principle of adding SimplyBook widget to your website is taking~~ the code of your booking page in Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code and inserting it to the HTML code <body> of your website (or any other place in your website platform designed for inserting html javascript). Please note that different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML Javascript code.

=iFrame Widget=

:1. Take the iFrame code of your booking page in 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]]

Line 8:

Line 9:

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

:2. Inserting it to the HTML code <body> of your website (or any other place in your website platform designed for inserting html javascript iFrame code). Please note that different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML Javascript code.

:Here are tutorials for several popular website builders:

*[[http://wiki.simplybook.me/index.php/WordPress_plugin| Wordpress]]

*[[http://wiki.simplybook.me/index.php/Joomla_module |Joomla]]

*[[http://wiki.simplybook.me/index.php/Wix_integration | Wix]]

*[[http://wiki.simplybook.me/index.php/Squarespace | Squarespace]]

*[[http://wiki.simplybook.me/index.php/Weebly | Weebly]]

*[[http://wiki.simplybook.me/index.php/Go_Daddy | Go Daddy]]

Line 14:

Line 24:

[[File:Predefined widget settings.png | center]]

=Booking Button Widget=

=Booking and Contact Button Widget=

@@ Line 1: / Line 1: @@
-The main principle of adding SimplyBook widget to your website is taking the code of your booking page in Settings//Bookings on Webpage or Facebook//Booking widget for your own website//Save settings and Get code and inserting it to the HTML code <body> of your website (or any other place in your website platform designed for inserting html javascript). Please note that different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML Javascript code.
+=iFrame Widget=
+:1. Take the iFrame code of your booking page in 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]]
@@ Line 8: / Line 9: @@
 [[File:Widget code 3.png | center]]
+:2. Inserting it to the HTML code <body> of your website (or any other place in your website platform designed for inserting html javascript iFrame code). Please note that different website builders/platforms may have various ways to add HTML code, you should check first whether your website supports inserting HTML Javascript code.
+:Here are tutorials for several popular website builders:
+*[[http://wiki.simplybook.me/index.php/WordPress_plugin| Wordpress]]
+*[[http://wiki.simplybook.me/index.php/Joomla_module |Joomla]]
+*[[http://wiki.simplybook.me/index.php/Wix_integration | Wix]]
+*[[http://wiki.simplybook.me/index.php/Squarespace | Squarespace]]
+*[[http://wiki.simplybook.me/index.php/Weebly | Weebly]]
+*[[http://wiki.simplybook.me/index.php/Go_Daddy | Go Daddy]]
@@ Line 14: / Line 24: @@
 [[File:Predefined widget settings.png | center]]
+=Booking Button Widget=
+=Booking and Contact Button Widget=