f you are making the changes to your website yourself or through your web developer, see below for adding online bookings:
If you would like Phorest to make the changes below and to integrate Online booking system to your website, please let us know by clicking the the link below.
Floating Book Now Menu:
The Floating Book Now button should be added to every page of your website. Follow and repeat the steps below to do this:
To configure the widget on your website the following snippet has to be put into the index page, right before the end body tag and replace salonID with salon branch name:
'Script src' code is to be placed before the first body tag after <styling> tab
<script src="https://booking-widget.phorestcdn.com/obwidget.bundle.js"></script>
<script>
window.widget = new OBWidget('placeyoursalonIDhere')
</script>
Link to Dedicated Online Booking PageIf the Floating Book Now Menu is added across your website, it is not necessary to add a separate Book Online tab and link this to a dedicated page. If you have an existing Book Online/Book Now button on your website that you wish to continue to use follow the steps below: Firstly install the Floating Book Now button as outlined above. Once this is done, use your website url and add the following: www.yourwebsiteurl/#onlinebookings This will open your booking page as a sidebar on your website. |
Use of iFramesWe do not recommend the use of IFrames on websites for a number of reasons but mainly because these pages will be marked as unsecured by Chrome and Safari. The other reason is that the use of Floating Book Now buttons for online bookings have been proven to convert better. If for some reason you wish to use an IFrame on your website on your online bookings, following the steps outlined under 'Link to Dedicated Online Booking Page' which will give you the same effect. |