Introducción: Documento Técnico

Introducción

Esta documentación está destinada a desarrolladores y webmasters que deseen integrar el módulo de reservas de Yoplanning.pro en su sitio web. El objetivo es mejorar la experiencia del usuario proporcionando una interfaz de reserva accesible y receptiva, permitiendo al mismo tiempo la personalización del módulo.

Principio de funcionamiento

El módulo de reservas de Yoplanning.pro está diseñado para integrarse perfectamente en su sitio web, proporcionando una experiencia de usuario perfecta sin necesidad de redirecciones. El módulo se presenta en forma de ventana emergente que se activa desde un botón o un enlace, permitiendo a los usuarios realizar sus reservas directamente en su sitio.

Beneficios

• Pantalla óptima: Se adapta a todo tipo de pantallas, incluidas las móviles.

• Fácil integración: Se puede agregar a su sitio con un simple fragmento de código JavaScript.

• Personalización: Generación de enlaces específicos para diferentes acciones o categorías.

Integración mediante Iframe

Aunque es posible, no se recomienda la incrustación mediante iframe debido a restricciones de compatibilidad móvil. Si es necesario, el módulo puede abrirse en una nueva pestaña para una experiencia de pantalla completa.

Código de integración

Para integrar el módulo, inserte el siguiente código JavaScript en el <header> de su sitio. Esto permitirá que el módulo sea accesible en todas las páginas sin necesidad de inserciones múltiples.

<script type="text/javascript" src="https://booking.yoplanning.pro/integration/script.js" async></script>

Generación de enlaces del módulo de reservas

Se pueden generar enlaces específicos al módulo de reservas a través del back office de Yoplanning:

1. Vaya a Configuración > Módulo de reservas > Menú de integración.

2. Utilice el modo URL para crear una URL que se adapte a sus necesidades.

Ejemplos de enlaces generados

• Enlace general: https://booking.yoplanning.pro/<ID_UNIQUE>/

• Categoría específica: https://booking.yoplanning.pro/<UNIQUE_ID>/?tag=<CATEGORY_ID>

• Ficha de producto: https://booking.yoplanning.pro/<ID_UNIQUE>/product/<ID_PRODUIT>

• Acceso directo al carrito: https://booking.yoplanning.pro/<ID_UNIQUE>/cart/

• Tienda directa: https://booking.yoplanning.pro/<ID_UNIQUE>/shop/

Opciones de integración

Yoplanning ofrece varios modos de integración:

• Botón: Para acceso directo a través de un botón en el que se puede hacer clic.

• Icono flotante: un ícono accesible en cualquier momento en la página.

• Hipervínculo: Para incrustar en texto o imágenes.

• Iframe: se utiliza como último recurso, si JavaScript está restringido.

• URL simple: para integración directa como enlace.

Gestión multilingüe

El módulo detecta automáticamente el idioma del navegador del usuario mediante el servicio externo https://gtranslate.io/detect-browser-language, proporcionando una experiencia localizada e intuitiva. (Método recomendado en la mayoría de los casos.)

Idioma forzado por defecto.

Si tiene un sitio web multilingüe o tiene problemas de detección de idioma o desea forzar el módulo para que se muestre en un idioma definido, puede crear un módulo de reserva específico forzando el idioma en su configuración.

Conclusión

La integración del módulo de reservas de Yoplanning.pro mejora significativamente la experiencia de reserva en su sitio web, gracias a su interfaz de usuario optimizada, opciones de personalización avanzadas y soporte multilingüe. Siga las instrucciones proporcionadas para una integración exitosa y brindar a sus usuarios una experiencia de reserva perfecta.