Hemos ampliado las opciones de personalización visual de las campañas para que tengas más control sobre el aspecto del formulario, el quiz y la tipografía, sin necesidad de tocar CSS. Además, hemos reorganizado el editor de Diseño para que sea más fácil encontrar cada ajuste.
A continuación te explicamos qué ha cambiado y dónde encontrar cada nueva opción.
1. Nuevo editor de Diseño
La pestaña Diseño > Estilos se ha reorganizado en tres bloques para que encuentres cada ajuste fácilmente.
Colores: color principal, secundario, fondo y texto.
Fuente: tipo de fuente y un nuevo check para no transformar a mayúsculas el texto de los botones.
Botones y elementos: redondeo, sombra, fondo transparente y círculo de los radios.
2. Texto en mayúsculas
Hasta ahora, el texto de los botones se mostraba siempre en MAYÚSCULAS. A partir de esta actualización tienes dos nuevos checks para decidir cómo se muestra el texto:
No transformar a mayúsculas el texto de los botones. Lo encontrarás en Diseño > Estilos > Fuente.
Mostrar los labels del formulario en MAYÚSCULAS. Por defecto, el texto de los campos del formulario de datos se muestra en minúsculas. Con esta funcionalidad, puedes forzar las mayúsculas en los labels de los campos del formulario. Lo encontrarás en Formulario > Avanzado > Estilos del formulario.
3. Colores de error en el formulario
Los mensajes de error se muestran cuando el usuario intenta avanzar sin completar correctamente lo que se le pide. Por ejemplo:
En el formulario, cuando intenta enviar sin rellenar un campo obligatorio o con un formato no válido (ej. un email mal escrito).
En el quiz, cuando intenta avanzar sin haber seleccionado ninguna opción.
Por defecto, estos mensajes se muestran con fondo rosa/rojo y texto en blanco, como en estos ejemplos:
Dentro de Formulario > Avanzado verás una nueva caja Estilos del formulario con dos colores configurables:
Color de fondo de los mensajes de error.
Color del texto de los mensajes de error.
En esta misma caja se han agrupado también el check ya existente “Usar placeholders en lugar de labels” y el nuevo check para mostrar los labels en mayúsculas.
4. Colores de feedback en el quiz
Si en tu quiz tienes activado el check “Mensaje de feedback tras responder”, aparecerá una nueva caja en Quiz > Avanzado llamada Colores de feedback en el quiz con seis colores configurables.
Respuesta correcta: color de fondo y color de texto.
Respuesta incorrecta: color de fondo y color de texto.
Feedback genérico: color de fondo y color de texto.
5. Opciones avanzadas: nuevas variables
Además de las opciones del editor, hemos añadido varias variables CSS nuevas que dan control sobre elementos concretos de la campaña: campos del formulario, popup de bases legales, faldón de cookies, gestor de consentimiento, estrellas del rating y botones del swipe.
Estas variables no aparecen en el editor, debes incluirlas desde el CSS personalizado de la campaña.
Si tienes dudas sobre cómo aplicar alguna de estas opciones a tu campaña, contáctanos a help@cool-tabs.com y te ayudamos a configurarla.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.