Hi ha diverses maneres d'afegir el Widget de Revo FLOW a la teva pàgina web. Abans de començar, assegura't de configurar l'URL. Després, escull l'opció que millor s'adapti a les teves necessitats.
1. CONFIGURAR URL 2. AFEGIR UN ENLLAÇ PER RESERVAR 3. AFEGIR UN BOTÓ PER RESERVAR 4. INSERIR UN IFRAME A LA PÀGINA
1. CONFIGURAR URL
1. Accedeix al back-office de Revo FLOW.
2. Ves a Configuració / WIDGET.
3. Copia el token necessari per a l'URL.
Assegura't que l'opció "Actiu" estigui activada; en cas contrari, el Widget no funcionarà.
IMPORTANT: Si fas servir "Renew token", es generarà un nou token i l'anterior quedarà invalidat.
4. Crea la URL substituint "{TOKEN}" pel valor del token (sense incloure els claudàtors {}):
https://revoflow.works/widget/booking?widget_token={TOKEN}
5. Opcional: afegeix "&lang=" seguit del codi d'idioma (per exemple, "en", "fr", "es" o "ca") al final de l'URL. Si no indiques un idioma, s'utilitzarà el configurat al teu compte.
Exemple:
https://revoflow.works/widget/booking?widget_token=ABCDEFGHIJKLMNOPQRSTUVWXYZ&lang=en
Ja tens la URL configurada. Fes-la servir per activar el Widget a la teva web.
2. AFEGIR UN ENLLAÇ PER RESERVAR
Crea una etiqueta "a" amb l'atribut "href" i afegeix-hi l'URL configurada al pas 1.
L'estil d'aquest enllaç es pot modificar mitjançant CSS.
Exemple:
<a href="https://revoflow.works/widget/booking?widget_token={TOKEN}">Reserva ahora!</a>
3. AFEGIR UN BOTÓ PER RESERVAR
Crea una etiqueta de tipus "button" per afegir un botó que redirigeixi a l'URL configurada al pas 1 en fer clic.
L'estil d'aquest botó es pot modificar mitjançant CSS.
Exemple:
<button onclick="location.href='https://revoflow.works/widget/booking?widget_token={TOKEN}'">
Reserva ahora!
</button>
4. INSERIR UN IFRAME A LA PÀGINA
Crea una etiqueta de tipus "iframe" amb l'atribut "src" i afegeix-hi l'URL configurat al pas 1.
L'estil d'aquest iframe es pot modificar mitjançant CSS o directament en l'atribut "style".
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>
