ONLINE BOOKING PROCESS


A customer visits your website, fill in the online booking form and:

  • You receive a email notification

  • The booking is recorded in your app. Our system will give to the customer the reservation number.

You’ll see the new online booking through View > Online booking menu option.

All these online bookings are recorded in your app but not yet confirmed. You have to review the information, check availability and then confirm the online booking into a real reservation. The app will allow you to send an email to the customer with the confirmation message.

This way our system allows you to not automatically reject a reservation in your hotel just because there isn't enough space. Let's see an example.

Any online booking will be automatically rejected, simply because you do not have availability for that date. Imagine that a reservation is automatically rejected from 1 to 30 September, simply because on day 1, the room is occupied.

You decide if you cancel it or manage the space of your residence to be able to accommodate that animal.

Edit what you need and confirm the booking to the customer by email automatically, just clicking a button. Simple and easy.

If you have online reservations pending confirmation, a yellow indicator will appear on the home screen (or magic desk):

In the top menu, a small yellow indicator will also appear:

It is a powerful system because it can be included in any part of the management process of your business That is, if you want to ask for more information to the client before confirming the booking, you can do it.

If after confirming it, you usually send the client more information about the conditions of stay, information to make a booking payment (or a Paypal payment button, for example), or anything else, you can do it. Proceed as you consider and interact with the client as much as you need.

If the customer has an invoice pending payment, an alert box with the information will be displayed. Thus, before making a booking, you will know if the customer has pending payments.




It is very simple, if you want, you can configure the redirect page of the form, that is, the destination page (the page that will show the user after the customer press the "Request booking/appointment" button).

Just write the "Redirect page" and click on the Save button.

Thus, you can show the user a page with more information about the conditions of service, a page with payment information, a shopping cart, another section of your website, or wherever you want.

If you do not write a page, will not redirect the user to any page, he will remain in it.


You can also configure where are your legal terms/privacy policy, so that the user can read it before accepting it.

The user must accept your conditions before requesting the reservation, and this acceptance "or signature" of the conditions is recorded in your customer file and you can consult it whenever you want.

The user can also select if he wants to receive notifications from you by email.





To view this information, access to the Customer's Magic Desk (View > customers > select the customer > right side menu PRIVACY)


More info about privacy and RDPR




You can include a form on your website so that your customers can make booking online:

  1. In the option Settings > online booking, configure:

    • The page where your legal conditions / privacy policy are

    • The re-address page (that is, the page that the user will see after pressing the "Request reservation" button)

    • Click on the Save button

  2. In the option "Add to your website", you will see the codes in the different languages. If you want, put the form in English, copy the code that is marked as "ENGLISH". (they are different for each language)

  3. Paste this code into your web page.

  4. Important: You must paste it in the source code of your web page, in the place where you want this form to appear (for example at the bottom of the page, or in the booking.html section of your website

  5. On your website, where you have pasted it (for example at the bottom of the page) now a button will appear and when the customer clicks on the button, a pop-up window will pop up with the form to enter the data and request the booking.

    (If you want the form to appear directly, without the button that opens the pop-up window, continue reading, below we'll explain how to do it)


Note:the button and the form have the language you have selected.

The user must accept your conditions before requesting the reservation, and this acceptance "or signature" of the conditions is recorded in your customer file and you can consult it whenever you want.




IF YOU PREFER THE FORM TO APPEAR DIRECTLY (instead of a button appearing and a pop-up window opens):

  1. Paste the button code in the code of your website, following the steps above.

  2. When you click on the "online booking" button a pop-up window will open

  3. In the address bar of the browser, an URL will appear

  4. Copy that full URL

  5. In the place of your page where you want to embed the form, create an html element "iframe" including that address in the "src" attribute, as shown in the following example:

    <iframe src="PASTE-HERE-THE-URL-WHICH-APPEARS-IN-THE-BROWSER-WEB" width="800" height="600"></iframe>

    It's similar to this:

    <iframe src="https://ges-pet.appspot.com/hotel/reservas/online/HO-xxxxxxxxxxxxx-xxx/en" width="800" height="600"></iframe>


    This code is an example. You must paste the URL that appears to you, if you hit this, it will not work.

  6. Width="" indicates the form width

  7. Height="" indicates the form height

  8. Optionally you can include the scrolling and frameborder atributes



See more information about "iframe" element

  1. Access to your Facebook account

  2. Click on: https://apps.facebook.com/static_html_plus

  3. A new option or tab will appear in the menu, it will be placed in the last position

  4. Click on it

  5. Click on the Edit Tab button

  6. Type the name you want (for example, "Online booking") and paste the Gespet code with iframe format (at the top of this tutorial, you have information about using the iframe format)

  7. You can preview the result by clicking on the Preview button 

  8. Click on "Save & publish"button

  9. 9. If you go back to your facebook page, you will see that in the lower part of the menu, there is the new tab that we have just configured with the new title (we in the example, we have called it "Online booking")

  10. 10. If you click on it, you can edit it and see how your visitors will see this option



Wordpress does not correctly interpret scripts simply by pasting them into an entry or post.

To interpret the script correctly and show the Online booking form:

Option 1: Access the Code Editor and paste it there:


note: It will appear in the place where you hit it, if you paste it at the bottom of the page, it will appear in the footer and if you do it in the side menu, it will appear in that area. 

Option 2:Use a plugin to insert scripts. There are many and you can choose the one you prefer, for example"CSS & JavaScript toolbox", "Scripts n Styles" or any other.


If you do not know how to do this, contact your webmaster to insert it in the part of the web that you want. 


  1. Access to the Design option

  2. Select the area where you want to place it

  3. Add a gadget

  4. Select the HTML / JavaScript type

  5. Paste the Gespet code

  6. It is already available and will appear in the place where you have placed it.










This site uses cookies. By browsing this site you are agree with our cookies policy. X