Widgets for your own website: Difference between revisions

Line 14:

=iFrame Widget=

:1. Take the iFrame code of your booking page in Settings -> ~~Bookings on Webpage or Facebook~~ -> ~~Booking~~ widget ~~for your website~~ -> Get widget code.

:1. Take the iFrame code of your booking page in Settings -> Booking widgets settings -> iFrame widget -> Get widget code.

[[File:~~Widget code~~ path.png | center]]

[[File:Booking widgets path new navigation.png|1200px | center]]

[[File:Create iframe widget.png | center]]

Line 46:

Now you can also create a widget for some particular client with his/her details already filled in.

:1. Just select the widget type you need in Settings -> ~~Bookings on Webpage or Facebook~~, set the design and click on Get widget code.

:1. Just select the widget type you need in Settings -> Booking widgets settings, set the design and click on Get widget code.

[[File:Create iframe widget.png | center]]

Line 82:

=Booking Button Widget=

:1. Take the booking button code of your booking page in Settings -> ~~Bookings on Webpage or Facebook~~ -> Booking button ~~for your website~~ -> Get widget code.

:1. Take the booking button code of your booking page in Settings -> Booking widget settings -> Booking button -> Get widget code.

[[File:Booking button widget path v3.png | center]]

[[File:Booking widgets path new navigation.png|1200px | center]]

[[File:Booking button widget path step 3 new navigation.png|1200px|border|center]]

[[File:Create booking button widget v3.png | center]]

Line 112:

Line 114:

[[File:Contact widget enable path new cf.png | center]]

:2. Take the booking button code of your booking page in Settings -> ~~Bookings on Webpage or Facebook~~ -> ~~Booking and contact button for your website~~ -> Get widget code.

:2. Take the booking button code of your booking page in Settings -> Booking widgets settings -> Contact widget -> Get widget code.

[[File:Contact ~~button~~ widget path.png | center]]

[[File:Booking widgets path new navigation.png|1200px|border| center]]

[[File:Contact widget path step3 new navigation.png|1200px|border|center]]

[[File:Contact widget setup.png | center]]

Line 136:

Line 140:

Wish to add reviews your clients leave on the booking page to your website?

Just follow these instructions:

:1. Please go to Settings -> ~~Bookings on Webpage or Facebook~~ -> Reviews widget ~~for your own website~~.

:1. Please go to Settings -> Booking widgets settings -> Reviews widget.

[[File:Reviews widget path v3.png | center]]

[[File:Reviews widget path new navigation.png|1200px | center]]

:2. On the page you will be able to select the theme, set colors, decide on the number of reviews you wish to display and whether you wish your clients to be able to add reviews using the widget.

@@ Line 14: / Line 14: @@
 =iFrame Widget=
 <br><br>
-:1. Take the iFrame code of your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings on Webpage or Facebook</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widget for your website</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
+:1. Take the iFrame code of your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">iFrame widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
-[[File:Widget code path.png | center]]
+[[File:Booking widgets path new navigation.png|1200px | center]]
 <br><br>
 [[File:Create iframe widget.png | center]]
@@ Line 46: / Line 46: @@
 <br>
 Now you can also create a widget for some particular client with his/her details already filled in.
-:1. Just select the widget type you need in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings on Webpage or Facebook</span>, set the design and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
+:1. Just select the widget type you need in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span>, set the design and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
 [[File:Create iframe widget.png | center]]
 <br><br>
@@ Line 82: / Line 82: @@
 =Booking Button Widget=
 <br><br>
-:1. Take the booking button code of your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings on Webpage or Facebook</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button for your website</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
+:1. Take the booking button code of your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widget settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking button</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
-[[File:Booking button widget path v3.png | center]]
+[[File:Booking widgets path new navigation.png|1200px | center]]
+<br><br>
+[[File:Booking button widget path step 3 new navigation.png|1200px|border|center]]
 <br><br>
 [[File:Create booking button widget v3.png | center]]
@@ Line 112: / Line 114: @@
 [[File:Contact widget enable path new cf.png | center]]
 <br><br>
-:2. Take the booking button code of your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings on Webpage or Facebook</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking and contact button for your website</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
+:2. Take the booking button code of your booking page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Contact widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Get widget code.</span>
-[[File:Contact button widget path.png | center]]
+[[File:Booking widgets path new navigation.png|1200px|border| center]]
+<br><br>
+[[File:Contact widget path step3 new navigation.png|1200px|border|center]]
 <br><br>
 [[File:Contact widget setup.png | center]]
@@ Line 136: / Line 140: @@
 Wish to add reviews your clients leave on the booking page to your website?<br>
 Just follow these instructions:
-:1. Please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings on Webpage or Facebook</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reviews widget for your own website.</span>
+:1. Please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking widgets settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reviews widget.</span>
-[[File:Reviews widget path v3.png | center]]
+[[File:Reviews widget path new navigation.png|1200px | center]]
 <br><br>
 :2. On the page you will be able to select the theme, set colors, decide on the number of reviews you wish to display and whether you wish your clients to be able to add reviews using the widget.