Personalización del widget

El widget de reservas de SolNow es altamente personalizable para que se integre visualmente con tu web. Podés ajustar colores, textos, comportamiento y flujo de reserva.

Acceder a la configuración del widget

Ir a Configuración → Widget en el menú lateral.

Apariencia

Colores

Campo	Descripción
Color primario	Color de botones, encabezados y elementos de acción
Color secundario	Color de acentos y estados hover
Color de fondo	Fondo del widget (blanco por defecto)
Color de texto	Color del texto principal

El widget usa tu color primario en todos los botones de "Continuar" y "Confirmar", y en los elementos seleccionados. Elegí un color que contraste bien con fondo blanco.

Logo y marca

• Logo: subí el logo de tu empresa (PNG con fondo transparente, mínimo 200px de ancho)
• Mostrar nombre de la empresa: texto que aparece en el encabezado del widget
• Favicon: ícono que aparece en la pestaña del navegador en modo pantalla completa

Fuente

Podés elegir entre las fuentes disponibles o usar la fuente del sistema del usuario (más rápido de cargar):

• Sistema (recomendado para máxima velocidad)
• Inter
• Roboto
• Poppins
• Lato

Comportamiento del widget

Modo de apertura

Modo	Descripción
Inline	El widget se muestra directamente en la página, integrado en el contenido
Popup	Aparece como modal al hacer clic en un botón de reserva
Fullscreen	Ocupa toda la pantalla al abrirse

Pasos del proceso de reserva

Podés activar o desactivar pasos del flujo:

Paso	Descripción	¿Se puede desactivar?
1. Selección de experiencia	El cliente elige qué quiere hacer	Solo si hay 1 experiencia
2. Selección de fecha	Calendario de disponibilidad	No
3. Selección de horario/política	Elegir variante y horario	Si solo hay 1 opción
4. Número de personas	Cantidad de pax	No
5. Extras	Añadir servicios adicionales	Si no hay extras
6. Datos del cliente	Formulario de contacto	No
7. Pago	Proceso de cobro	Configurable como "solo reserva"

Comportamiento del pago

Opción	Descripción
Pago completo	El cliente paga el 100% al reservar
Pago anticipado (depósito)	El cliente paga el % configurado en la política
Solo reserva	No se cobra online; el operador gestiona el pago
Pago opcional	El cliente puede pagar ahora o pagar después

Textos personalizables

Podés cambiar los textos principales del widget sin necesidad de código:

Texto	Por defecto
Título principal	"Reserva tu experiencia"
Botón de reserva	"Reservar ahora"
Texto de confirmación	"¡Tu reserva está confirmada!"
Mensaje de error de pago	"Error al procesar el pago"
Texto de política de cancelación	Texto automático según política

Campos del formulario de cliente

Podés configurar qué campos son obligatorios u opcionales:

Campo	Por defecto	Configurable
Nombre	Obligatorio	No
Email	Obligatorio	No
Teléfono	Obligatorio	Sí
País	Opcional	Sí
Comentario / Nota	Opcional	Sí
Campos personalizados	Variable	Sí

Widget para una experiencia específica

Si querés un botón de reserva que abra directamente en una experiencia concreta:

1. Ir a la experiencia en Configuración → Experiencias
2. Copiar el Código de widget específico
3. Pegarlo en tu web donde quieras el botón para esa experiencia

El cliente saltará el paso de selección de experiencia y entrará directamente en el calendario de esa actividad.

Obtener el código de embedding

Una vez configurado el widget:

1. Ir a Configuración → Widget → Código de embedding
2. Copiar el snippet de JavaScript
3. Pegarlo antes del cierre de </body> en tu web

<script src="https://widget.solnow.io/embed.js" 
        data-company="tu-empresa"
        data-lang="es">
</script>

Para abrir el widget desde un botón:

<button onclick="SolnowWidget.open()">Reservar</button>

Previsualización en tiempo real

En Configuración → Widget, el panel derecho muestra una previsualización en tiempo real de cómo verán el widget tus clientes. Los cambios se reflejan instantáneamente sin necesidad de guardar.