There are several options for adding the Revo FLOW Widget to your web page, but before you begin, it's essential to configure the URL. Once you have completed the configuration, you will be able to select the option that best suits your needs.


1. SETUP URL
2. ADD LINK TO BOOK
3. ADD A BOOKING BUTTON
4. INSERT AN IFRAME INSIDE THE PAGE


1. SETUP URL

1. Access the Revo FLOW back-office.

2. Click on Settings / WIDGET.

3. In this section, we will find the token needed for the URL.



4. The URL is formed as follows (make sure to replace "{TOKEN}" with the value you got in the previous step, excluding the "{}" brackets):

https://revoflow.works/widget/booking?widget_token={TOKEN}

5. Optionally, we can add at the end of the URL the code "&lang=", followed by the language code that we want to use (for example, "en" for English, "fr" for French, "es" for Spanish, or "ca" for Catalan). If this parameter is not indicated, the language configured in your account will be used by default.

6. Example of a URL:

https://revoflow.works/widget/booking?widget_token=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz012345678998765432100000&lang=en

The URL is now setup. Now we can use it to make reservations through the Widget.

Note: Check that the "Active" option is enabled; otherwise the Widget will not work.

Attention! The "Renew token" option will generate a new token and the previous one will be invalidated. As a consequence, all URLs created with the previous token will stop working.


2. ADD A LINK TO BOOK

To add a link to book on our website, all you have to do is create a "a" tag with the "href" attribute and indicate the URL that we have obtained in point 1 of this article (the style of this link can be changed using CSS).

For example:

<a href="https://revoflow.works/widget/booking?widget_token={TOKEN}">Book now!</a>

3. ADD A BOOKING BUTTON

To add a button to book on our website, all you have to do is create a "button" type tag and make it redirect to the URL we have obtained in point 1 of this article (the style of this button can be changed by CSS).

For example:

<button onclick="location.href='https://revoflow.works/widget/booking?widget_token={TOKEN}'">
     Book now!
</button>

4. INSERT AN IFRAME INSIDE THE PAGE

To insert a frame on our web page in which we can make reservations directly without having to leave it, we can use an "iframe" type tag with the "src" attribute and indicate the URL that we obtained in point 1 of this article (the style of this iframe can be changed using CSS or directly in the attribute "style").

For example:

<iframe src="https://revoflow.works/widget/booking?widget_token={TOKEN}" allowtransparency="true" style="position:fixed; top:0px; left:0px; width:340px; height:700px ;z-index:99999;" frameborder="no"></iframe>