Hi ha diverses opcions per afegir el Widget de Revo FLOW a la teva pàgina web, però abans de començar, és fonamental configurar la URL. Un cop hagueu realitzat la configuració, podreu seleccionar l'opció que millor s'adapti a les vostres necessitats.
2. AFEGIR UN ENLLAÇ PER RESERVAR
3. AFEGIR UN BOTÓ PER RESERVAR
4. INSERTAR UN IFRAME DINS LA PÀGINA
1. CONFIGURAR URL
1. Accedim al back-office de Revo FLOW.
2. Premem a Configuració / WIDGET.
3. En aquesta secció, trobarem el token necessari per a la URL.
4. La URL es forma de la següent manera (assegura't de substituir "{TOKEN}" amb el valor que has obtingut al pas anterior, sense incloure els claudàtors "{}"):
https://revoflow.works/widget/booking?widget_token={TOKEN}
5. Opcionalment, podem afegir al final de la URL el codi "&lang=", seguit del codi d'idioma que volem utilitzar (per exemple, "en" per a anglès, "fr" per a francès, "es" per espanyol, o "ca" per a català). Si no s'indica aquest paràmetre, s'utilitzarà l'idioma configurat al vostre compte per defecte.
6. Exemple d'una URL:
https://revoflow.works/widget/booking?widget_token=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz012345678998765432100000&lang=en
Ja tenim la URL configurada. Ara ja la podem fer servir per fer reserves a través del Widget.
Nota: Verifica que l'opció "Actiu" estigui activada; altrament, el Widget no funcionarà.
Atenció! Si fas clic a "Renew token", es generarà un nou token i l'anterior quedarà invalidat. Com a conseqüència, totes les URL creades amb el token anterior deixaran de funcionar.
2. AFEGIR UN ENLLAÇ PER RESERVAR
Per afegir un enllaç per reservar a la nostra pàgina web només cal crear una etiqueta "a" amb l'atribut "href" i indicar-li la URL que hem obtingut al punt 1 d'aquest article (l'estil d'aquest enllaç es pot canviar mitjançant [CSS] (https://www.w3schools.com/css/)).
Per exemple:
<a href="https://revoflow.works/widget/booking?widget_token={TOKEN}">Reserva ara!</a>
3. AFEGIR UN BOTÓ PER RESERVAR
Per afegir un botó per reservar a la nostra pàgina web només cal crear una etiqueta de tipus "button" i fer que en prémer-lo redireccioni a la URL que hem obtingut al punt 1 d'aquest article (l'estil d'aquest botó es pot canviar mitjançant [CSS] (https://www.w3schools.com/css/)).
Per exemple:
<button onclick="location.href='https://revoflow.works/widget/booking?widget_token={TOKEN}'">
Reserva ara!
</button>
4. INSERTAR UN IFRAME DINS LA PÀGINA
Per inserir un marc a la nostra pàgina web on puguem fer reserves directament sense haver de sortir-ne podem utilitzar una etiqueta de tipus "iframe" amb l'atribut "src" i indicar-li la URL que hem obtingut al punt 1 d'aquest article (l'estil d'aquest iframe es pot canviar mitjançant CSS o directament al atribut "style").
Per exemple:
<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>
