> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://helpcenter.saascustomersupport.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# ¿Cómo integro mi página web con el software?

|| 💡 Integrar tu página web con el sistema te permite centralizar y automatizar procesos, mejorando la eficiencia de tu negocio. Optimiza la experiencia de compra o reserva, y te proporciona datos valiosos para tomar decisiones informadas, impulsando así el crecimiento de tu negocio y la satisfacción del cliente.

 **¿Qué son los widgets?** 

Son pequeñas ventanas interactivas que ofrecen funciones específicas y mejoran la experiencia del usuario. Es como tener un asistente virtual que simplifica los procesos y hace todo mucho más conveniente.

En este artículo, te mostraremos los diferentes widgets disponibles en tu editor web, para vincular tu página web con nuestro sistema.

Una vez ingreses a tu panel de edición, encontrarás en el menú izquierdo la opción **"Widgets"**. Haz clic en ella y busca la opción llamada **"Widgets"**. Luego, solo tienes que arrastrar y soltar los widgets en el lugar de tu sitio web donde desees que aparezcan.

Te explicaremos cada uno de los widgets y la información que conectará tu web con nuestro sistema:

* **Reserva de servicios:** Muestra el listado de servicios creados en el sistema y habilitados para reserva online. Los clientes podrán seleccionar el servicio, el día y la hora para completar el registro de su cita.

* **Servicio específico:** Solo aparecerá el servicio específico que elijas mostrar para reserva.

* **Reserva de clases:** Muestra los horarios de las clases o actividades grupales programadas en el calendario del sistema.

* **Reserva de clase específica:** Solo se mostrarán los horarios de la clase específica que desees publicar.

* **Suscripciones:** Muestra el listado de suscripciones activas para compra online.

* **Suscripción específica:** Solo se mostrará la suscripción específica que desees vender.

* **Bonos:** Muestra el listado de bonos activos para compra online.

* **Bono específico:** Solo se mostrará el bono específico que desees vender.

* **Productos:** Aparecerán todos los productos configurados para venta online.

* **Producto específico:** Solo se mostrará el producto específico que deseas ofrecer para la venta online.

* **Producto por categoría:** Podrás mostrar productos de una categoría específica, colocando el nombre de la categoría que deseas destacar.

* **Lead:** Tendrás un formulario disponible para que los clientes potenciales reciban más información de tu parte.

* **Login:** Permite a los clientes iniciar sesión en tu página web, facilitando la reserva o compra con mayor rapidez.

* **Perfil completo de cliente:** Ofrecerás un widget con los datos más relevantes de tu cliente, incluyendo información personal, documentos para firmar, compras de bonos o suscripciones, historial de reservas, pagos, entre otros.

* **Eventos:** Se mostrarán los eventos que tienes configurados en el sistema, permitiendo que tus clientes conozcan los detalles y compren sus entradas.

* **Cursos:** Tus clientes podrán ver la información de los cursos online que has configurado en el sistema.

Los widgets son elementos estáticos que puedes añadir a tu página web de forma incrustada. A continuación te mostramos un ejemplo:

![](https://storage.crisp.chat/users/helpdesk/website/43d59f28c16d9400/editor-de-sitios-esteticpaola_ifs865.gif)

También puedes añadirlos como un **pop-up**, lo que les permitirá aparecer de forma emergente en tu página:

![](https://storage.crisp.chat/users/helpdesk/website/43d59f28c16d9400/editor-de-sitios-esteticpaola-_hmynj6.gif)

Además, contamos con un **Widget flotante**, el cual agrega dinamismo a las reservas, clases, contactos y WhatsApp en tu sitio web.

Este widget facilita las reservas, el contacto directo y otras funciones clave, optimizando la experiencia del usuario y fomentando una mayor interacción con tus clientes.

![](https://storage.crisp.chat/users/helpdesk/website/43d59f28c16d9400/editor-de-sitios-agenciapaola_sapcye.gif)

Puedes personalizar el tamaño, la tipografía y los colores de tus widgets flotantes desde tu sistema, ingresando al menú de  **Configuración → Widget flotante (BETA)**.

![](https://storage.crisp.chat/users/helpdesk/website/43d59f28c16d9400/agencia-paola_15e5lgi.gif)
||| ❗Importante: Si has diseñado tu página web, desde otro editor web puedes vincular los widgets a través de código HTML. Puedes solicitar los códigos al equipo de soporte.

| ¡Conecta tu página web con el sistema usando nuestros widgets y lleva tu negocio al siguiente nivel! Facilita las reservas, el contacto directo y otras funcionalidades clave que mejorarán la experiencia de tus clientes. No olvides publicar tu página para incrementar tu visibilidad y posicionamiento online. ¡Es el momento de destacar y hacer crecer tu negocio!