How to integrate the Bookitit's widget on Prestashop?
We use our own cookies and third cookies to improve our services and show adds according to your preferences. If you keep browsing, we asume that you accept this cookies. More information here

How to integrate the Bookitit’s widget on Prestashop? 

1- Attend the “Integration” section of the “Control Panel” from Bookitit:

2

2- This section contains the code for integrating the booking widget on the web.

In normal situations, would copy all the code and pegaríamos in the HTML of the page or pages where you want the widget to appear. In this case, due to restrictions of the page, which removes HTML tags and not allow the inclusion of the widget, we can choose to create a direct link to the widget that opens in a new browser window or tab. To do this, all the code available only must copy the URL ( in bold):

<script type=”text/javascript”> var sHref = document.location.href; var iIndex = sHref.indexOf(“?”); var sParams = “”; if (iIndex >= 0) { sHref = sHref.substring(iIndex,sHref.length); } else { sHref = “”; } var sSrc = “https://demos.bookitit.com/widgets/dtlbook/2f21456e16fc486753273be45d8eff582/1/“+sHref; document.write(‘<iframe src=”‘+sSrc+’” width=”585″ height=”900″ scrolling=”no” frameborder=”0″ > </iframe>’); </script>

3- A bold substitute the following code for the above URL:

<a href=”A” target=”_blank”>Pedir cita online</a>

The result is as follows:

<a href=” https://demos.bookitit.com/widgets/dtlbook/2f21456e16fc486753273be45d8eff582/1/” target=”_blank”>Pedir cita online</a>

The text Request online quotes can be substituted for any text that interest.

4- Once we have available our link, we proceed to insert in our website. Let’s take the example of an online store made ​​by Prestashop system. To do this, in the admin panel we go to the “Tools” (or Tools ) and then within it a “CMS”.

TutorialPrestashop2 Cómo integrar el sistema de reservas online y cita previa de Bookitit en Prestashop

5- Choose “Add New” and you can fill in the fields and content of our new website.

TutorialPrestashop3 Cómo integrar el sistema de reservas online y cita previa de Bookitit en Prestashop

6- Once we put the text that interests you, click on the HTML button marked in the picture above. The HTML editor will appear, and this is where we paste the code we created earlier (marked by the red box ).

TutorialPrestashop4 Cómo integrar el sistema de reservas online y cita previa de Bookitit en Prestashop

We click the “Update” button and then to “Save”. 7- To return to the list, can revise as has been our new page by clicking the “View” icon (a magnifying lens).

TutorialPrestashop5 Cómo integrar el sistema de reservas online y cita previa de Bookitit en Prestashop

We have available on our web link that takes our customers widget reservation so they can make an appointment online in real time on our business. There are solutions and payment modules to insert the widget in prestashop.  If you want to use the  pre-paid services is the link method, please contact us so we can recommend a solution.