💻 CSS Personalizado en Formularios, Encuestas y Evaluaciones
Cuando el panel de Estilos no alcanza para lograr el diseño exacto que buscas, CRMHUB te permite añadir CSS personalizado directamente en tus formularios, encuestas y evaluaciones.
📋 Contenido de este Tutorial
📍 Dónde Agregar tu CSS
🎯 Qué Elementos Puedes Estilizar
⚠️ Limitaciones Importantes
✅ Buenas Prácticas
❓ Preguntas Frecuentes
📍 Dónde Agregar tu CSS
Opción 1 (recomendada): Dentro del propio formulario/encuesta
Ve a Sitios > Constructor de Formularios (o de Encuestas/Evaluaciones).
Abre tu formulario y selecciona la pestaña Estilos.
Entra a Sección Avanzada > CSS Personalizado.
Pega tu código, haz clic en Guardar y luego en Publicar.
Opción 2: Desde la página del embudo o sitio web
Abre tu embudo o sitio en el constructor y ve a Configuración > CSS Personalizado. Ten en cuenta que este método solo estiliza el contenedor alrededor del formulario, no sus elementos internos.
Opción 3: Sitios externos (por ejemplo, WordPress)
Cuando incrustas el formulario mediante iframe en un sitio externo, el estilo disponible se limita al contenedor del iframe.
🎯 Qué Elementos Puedes Estilizar
Usando la Opción 1, puedes personalizar campos, botones, etiquetas, mensajes de error, barras de progreso de encuestas y botones de navegación. Las opciones 2 y 3 no pueden modificar el contenido dentro del iframe porque el formulario se carga de forma aislada.
⚠️ Limitaciones Importantes
El CSS de la página externa no puede modificar el contenido dentro de iframes.
Antes de recurrir al CSS personalizado, resuelve el espaciado básico con el panel de Diseño integrado.
Evita el uso excesivo de !important, ya que dificulta el mantenimiento.
✅ Buenas Prácticas
Inspecciona los nombres de clase de los elementos con las herramientas de desarrollador del navegador antes de escribir tu CSS.
Prueba siempre en escritorio y en móvil después de publicar.
Guarda una copia de tu CSS antes de hacer cambios grandes, por si necesitas revertir.
❓ Preguntas Frecuentes
¿El CSS personalizado funciona igual en formularios, encuestas y evaluaciones? Sí, el mismo campo de CSS Personalizado está disponible en los tres tipos de activo dentro de sus respectivos constructores.
¿Puedo estilizar un formulario incrustado en mi sitio de WordPress? Solo el contenedor del iframe; los campos internos requieren el CSS Personalizado desde el propio constructor del formulario.
¿Necesito saber programar para usar esta opción? Se requieren conocimientos básicos de CSS; para ajustes simples, el panel de Estilos suele ser suficiente.
🚀 ¡Con CSS personalizado tienes control total sobre cada detalle visual de tus formularios, encuestas y evaluaciones!