Implementación de widgets

⚠ Si tienes una web con WIX, consulta nuestra guía de implementación en WIX.

Nuestros widgets constan, por lo general, de 2 componentes. Ambos están en la configuración de widgets.

La primera parte es un script y un elemento rtr-checkout. El script establece la conexión con tu cuenta de Rentware y aporta la funcionalidad a los elementos HTML. El checkout se encarga de mostrar el carrito y los pasos de reserva en el proceso de pago. Puedes definir esos pasos de reserva y lo que aparece en ellos en los ajustes de pasos.

La primera parte tiene este aspecto:

<script
type="module"
src="https://cdn.rtr-io.com/widgets.js"
></script>
<script>
window.RTR_ACCESS_TOKEN = 'YOUR_ACCESS_TOKEN';
</script>
<rtr-checkout></rtr-checkout>

Lo recomendable es pegarla en una cabecera o pie de página global (si toda tu web debe tener la funcionalidad de Rentware) o en algún punto del body de las subpáginas concretas (si solo algunas subpáginas tratan de tu negocio de alquiler, mientras que otras, por ejemplo, son de ventas que se hacen fuera de Rentware). También es importante tener en cuenta que solo debe haber un checkout por página. Si por error se muestra el rtr-checkout dos veces, tendrás problemas con los proveedores de pago online.

La segunda parte es simplemente un elemento HTML con tu widget de reserva concreto. Si tomamos como ejemplo un widget de búsqueda, será así:

<rtr-search></rtr-search>

Puede incluir más parámetros para especificar el comportamiento del widget de búsqueda. Esta parte puedes colocarla como elemento HTML en el lugar exacto donde quieras que aparezca el widget.

Nota importante: aunque técnicamente es posible, nunca deberías integrar los widgets mediante un iFrame. Un iFrame aísla los widgets dentro de un contenedor, rompe los diseños (sobre todo en móvil) y puede romper el pago online.

Varios idiomas:

Si tienes varios idiomas activados, los widgets intentarán detectar el idioma de tu web según lo definido en el elemento <html>. Por ejemplo, si tu web dice

<html lang="de-DE">

el widget intentará cargar tus traducciones al alemán. Si tu cuenta de Rentware no incluye el alemán, usará tu idioma predeterminado. Si tienes problemas con la detección automática del idioma, también puedes sobrescribirla añadiendo el parámetro

window.RTR_LOCALE = 'de-DE';

a tu script.