Configurar Widget de Reservas

¿Qué es el Widget de Reservas?

El Widget de Reservas es una herramienta que permite a tus clientes reservar unidades directamente desde tu página web, sin necesidad de que contacten contigo por teléfono o email.

Ventajas:

• ✅ 24/7: Los clientes pueden reservar en cualquier momento
• ✅ Tiempo real: Muestra disponibilidad actualizada automáticamente
• ✅ Reducción de trabajo: Menos llamadas y emails de consulta
• ✅ Conversión directa: Los clientes pueden reservar inmediatamente

Acceder a la Configuración

1. Ve a Configuración → Widgets
2. Haz clic en "Nuevo Widget" o edita uno existente

Configuración Básica

Nombre del Widget

• Asigna un nombre descriptivo (ej. "Reservas Online", "Reserva tu Unidad")
• Este nombre es solo para identificarlo internamente

Seleccionar Locación

• Elige la locación para la cual se mostrarán unidades disponibles
• Puedes crear múltiples widgets para diferentes locaciones

Token de Seguridad

• El sistema genera automáticamente un token único para cada widget
• Este token se usa en el código HTML para identificar el widget
• Mantén este token seguro

Personalización

Colores y Estilos

• Color principal: Color del botón de reserva
• Color secundario: Color de acento para elementos destacados
• Texto del botón: Personaliza el texto (ej. "Reservar Ahora", "Consultar Disponibilidad")
• Tema: Claro u Oscuro

Configuración de Disponibilidad

• Mostrar solo disponibles: Solo muestra unidades con estado "Disponible"
• Incluir reservadas: Muestra también unidades reservadas (marcadas como "Próximamente disponibles")
• Filtros por tipo: Puedes filtrar qué tipos de unidades mostrar

Obtener el Código HTML

1. Una vez configurado, haz clic en "Generar Código"
2. Copia el código HTML que aparece
3. El código incluye:

• Script de carga del widget
• Token de identificación
• Estilos personalizados

Integrar en tu Website

WordPress

1. Ve al editor de páginas
2. Inserta un bloque "HTML personalizado"
3. Pega el código del widget
4. Guarda y publica

HTML Estático

1. Abre el archivo HTML donde quieres mostrar el widget
2. Pega el código antes del cierre de
3. Guarda el archivo

Otras Plataformas

• Wix: Usa el bloque "HTML personalizado"
• Squarespace: Usa el bloque "Código"
• Shopify: Usa la sección "Código personalizado"