Ir al contenido principal

Integrar un widget de citas en tu sitio web

Cómo añadir el widget de citas a tu sitio web, las opciones disponibles y lo que puede y no puede hacer.

El widget de citas permite a tus miembros reservar tus servicios privados e individuales (citas) directamente desde tu sitio web. Este artículo te muestra cómo configurarlo, explica las opciones disponibles y enumera lo que el widget puede y no puede hacer.

Paso 1: crea tus tipos de cita

El widget solo muestra los tipos de cita que ya existen en tu back office. Para saber cómo crear uno, consulta este artículo.

Paso 2: configura el widget

Ve a Configuración > Widgets, haz clic en Elegir un componente y selecciona Citas.

En el panel de configuración puedes elegir qué muestra el widget:

  • Todos tus tipos de cita en una lista. Los miembros eligen primero el servicio y después seleccionan una franja horaria.

  • Una categoría específica. Selecciona una Categoría para mostrar solo esas citas. Usa esta opción cuando quieras que el widget se abra directamente en el horario de un servicio, por ejemplo en una página dedicada a masajes o clases privadas.

También puedes configurar las opciones generales del widget (tipo de ventana emergente, idioma, modo de compatibilidad). Se explican en Widget: opciones de integración.

Paso 3: copia el código y pégalo en tu sitio web

Copia el código que aparece debajo del cuadro de configuración haciendo clic en el icono de copiar que está arriba a la derecha.

Pega el código en la página que prefieras, en un bloque HTML o de código (no en un bloque de texto). Tus miembros ya pueden reservar tus citas directamente desde tu sitio web.

Cada vez que cambies una configuración, se genera un nuevo código. Copia y pega el nuevo código en tu sitio para que el cambio surta efecto.

Mostrar varios widgets de citas

Puedes añadir varios widgets de citas, por ejemplo uno por categoría, cada uno en su propia página o sección. Genera un código independiente para cada uno en el back office. No pegues el mismo código dos veces en una página: cada widget necesita su propio ID, y dos widgets con el mismo ID entran en conflicto entre sí.

Lo que el widget de citas no puede hacer

  • No tiene vista de calendario. Las citas se muestran como una lista de servicios y franjas horarias, no como un calendario semanal como el widget de calendario.

  • No incluye compra rápida. La compra rápida no está disponible para las citas; los miembros siguen el proceso de reserva estándar.

  • Los precios no se muestran en la lista. Si quieres que se muestren los precios, nuestro equipo puede añadirlos con CSS personalizado, pero no se actualizarán automáticamente: cada vez que cambies un precio, habrá que actualizar la visualización manualmente.

  • Personalización limitada. El widget de citas ofrece menos opciones de personalización que otros widgets, por lo que el CSS personalizado solo puede modificar algunos elementos (por ejemplo, el color de los botones). Contáctanos con los cambios que te gustaría hacer y te indicaremos qué es posible.

Solución de problemas

Una cita no aparece en el widget.
Comprueba que el tipo de cita esté publicado e incluido en la categoría que seleccionaste. Si la cita tiene una etiqueta asignada, solo será visible para los miembros que tengan esa etiqueta, por lo que los visitantes que no hayan iniciado sesión no la verán.

Solo se muestra uno de mis widgets, o se oculta el que no debería.
Probablemente has pegado el mismo código dos veces. Genera un código independiente para cada widget.

El widget se ve distinto a la vista previa del back office, o no responde a los clics.
Activa el Modo de compatibilidad en la configuración del widget y, después, copia y pega el nuevo código. Consulta Widget: problemas más comunes.

No aparece nada.
Asegúrate de haber pegado el código en un bloque HTML o de código, no en un bloque de texto.

¿Sigues con dudas? Contacta con nuestro equipo de soporte con la URL de la página y una captura de pantalla, y le echaremos un vistazo.

¿Ha quedado contestada tu pregunta?