Personalizar widgets
Cómo se ve un widget en tu web lo configuras en tres sitios: en el diseño de la integración, en la configuración estándar para todos los widgets y en Medidas. Algunos ajustes de tu página de reservas afectan además a los widgets.
Colores de un widget: adoptar el diseño de la página de reservas
Una integración nueva adopta los colores de tu página de reservas publicada. Si cambias allí los colores, los widgets cambian automáticamente con ellos.
El diseño lo encuentras en la integración, en Colores (en el móvil) o en la pestaña Diseño (en el ordenador). Allí está el interruptor Usar el diseño de la página de reservas. Si está activado, el Manager solo muestra los colores adoptados.
Colores propios para un widget
Si desactivas Usar el diseño de la página de reservas, configuras valores propios para este widget:
- Color primario: destacados, elementos activos y precios
- Fondo
- Superficie: tarjetas
- Texto
- Borde
- Esquinas: el redondeo de las esquinas en píxeles
Después, los cambios en la página de reservas ya no afectan automáticamente a este widget. Tras hacer cambios, Ahorrar (el botón de guardar).
Configuración estándar para todos los widgets
En Manager → Integración del sitio web → Configuración estándar defines colores que se aplican a todas las integraciones sin colores propios: Color primario, Fondo, Superficie, Color de texto, Color del borde y Radio del borde. Tienen prioridad sobre el diseño de la página de reservas. Los campos vacíos toman el color de la página de reservas. Después, Ahorrar.
El orden es, por tanto: colores propios de la integración, después la configuración estándar y después la página de reservas.
Ancho y márgenes: Medidas de un widget
En Medidas de la integración configuras cómo se sitúa el widget en tu web:
- Ancho: por ejemplo
100%(predeterminado). - Ancho máximo: el ancho mayor, por ejemplo
1200px. - Relleno: la distancia al borde, por ejemplo
24px.
Después, Ahorrar. Medidas lo encuentras en la integración, debajo de la lista de bloques que el Manager muestra en el móvil y en ventanas de navegador estrechas.
Mostrar u ocultar precios y pestañas en la ventana de información
En Medidas → Visualización hay tres interruptores:
- Mostrar precios: muestra los precios en la ventana de información de una oferta.
- Mostrar pestañas de cursos: muestra en la ventana de información las pestañas Resumen general y Detalles y Entrenador.
- Mostrar cursos por bloques: de momento no afecta a los widgets.
Importante en las integraciones nuevas: los precios solo aparecen en el widget después de haber guardado Medidas una vez con Mostrar precios activado. Si faltan los precios, abre Medidas, comprueba el interruptor y toca Ahorrar.
Ajustes de la página de reservas que también valen para los widgets
Estos ajustes los configuras una vez y afectan a la página de reservas y a los widgets:
- Mostrar ocupación, en Ajustes → Reservas: desactivado, oculta las plazas libres.
- Ocultar categorías y Ocultar enlace a la página de detalles, en las opciones de visualización de los bloques de ofertas de tu página de reservas.
- Mostrar solo el nombre, en Mi página de reservas → Diseño → Privacidad.
- Usar niveles de dificultad, en Ajustes → General → Funciones.
- tus propios términos, en Ajustes → General → Terminología.
El idioma y la moneda de los widgets siguen el idioma de la página de reservas y la moneda de tu estudio.
Preguntas frecuentes
Mi widget tiene otros colores que mi web. ¿Cómo los ajusto? Desactiva en la integración Usar el diseño de la página de reservas y pon colores propios. O define en Configuración estándar colores para todos los widgets.
¿Por qué mi widget no muestra precios? Abre Medidas en la integración, activa Mostrar precios y toca Ahorrar.
¿Cómo hago el widget más estrecho?
Introduce en Medidas un Ancho máximo, por ejemplo 900px.
¿Puedo cambiar la tipografía del widget? No, para los widgets no existe una selección de tipografía. Configuras los colores, las esquinas y las medidas.
¿Puedo ocultar las plazas libres en el widget? Sí, con Mostrar ocupación en Ajustes → Reservas. Entonces también se aplica a tu página de reservas.