Cómo personalizar el diseño de una encuesta en icomm (paso 4)

Cada marca tiene su propia identidad, y tus encuestas también pueden tenerla. El módulo de Encuestas de icomm te da un control total sobre la apariencia de cada encuesta que creás: colores, tipografía, imagen de fondo, la forma en que avanzan las preguntas e incluso el tipo de animación con la que pasa una pregunta a la siguiente. Podés arrancar desde una plantilla lista para usar y ajustarla en segundos, o construir un estilo propio desde cero y guardarlo para reutilizarlo en todas tus próximas encuestas. El resultado: encuestas que no solo recogen información valiosa, sino que también se ven y se sienten parte de tu marca.
En este artículo te mostramos, paso a paso, todas las opciones de personalización disponibles en la sección 4. Diseño del editor de encuestas.

Dónde encontrar la sección de Diseño

Dentro del editor de una encuesta, vas a ver seis pasos en la parte superior: 1. Configuración, 2. Preguntas, 3. Flujo, 4. Diseño, 5. Integraciones y 6. Vista previa. Hacé clic en 4. Diseño para acceder a todas las opciones de personalización visual.

A la derecha de la pantalla siempre vas a tener un panel de Vista previa que se actualiza en tiempo real a medida que hacés cambios, para que puedas ver exactamente cómo va a lucir tu encuesta antes de publicarla.

Plantillas de diseño

Lo primero que vas a encontrar son las plantillas de diseño: un conjunto de estilos ya armados para que puedas empezar rápido sin tener que definir cada detalle desde cero. Las opciones disponibles son: Clásico; Océano; Menta; Coral; Violeta; Grafito; Atardecer; Bosque; Frutos rojos y Arena.

Con un solo clic sobre cualquiera de ellas, la encuesta adopta esa combinación de colores. A partir de ahí, podés dejarla tal cual o seguir ajustándola en la sección Personalizar, que se explica a continuación.

Personalizar: color, fondo y tipografía

Debajo de las plantillas está el bloque Personalizar, donde podés definir con precisión los elementos visuales centrales de tu encuesta:

• Color de acento: es el color principal de la encuesta (botones, barras de progreso, elementos destacados). Podés escribirlo directamente en formato hexadecimal (por ejemplo, #7c5cff) o abrir el selector de color y elegirlo visualmente, incluyendo el control de opacidad.

• Fondo: define el color de fondo general de la encuesta, con el mismo sistema de selección que el color de acento (código hexadecimal o selector visual).
• Tipografía: un menú desplegable te permite elegir la fuente con la que se va a mostrar todo el texto de la encuesta. Opciones disponibles: Sans (Roboto); Serif (Georgia); Redondeada (Trebuchet); Monoespaciada.

Cualquier cambio que hagas en estos campos se refleja al instante en el panel de Vista previa, así podés probar distintas combinaciones antes de decidirte.

Imagen de fondo

Además del color de fondo, puedes subir una imagen de fondo que se muestre detrás de cada pregunta. Para cargarla, puedes subir un archivo desde tu equipo (arrastrándolo al recuadro o seleccionándolo manualmente) o pegar directamente la URL de una imagen ya alojada online.

Navegación y animación

Esta sección controla cómo experimenta la persona que responde el paso de una pregunta a la siguiente. Al igual que la imagen de fondo, estas opciones solo aplican a encuestas de tipo "una por una".

Hacia dónde avanzan las preguntas

Define la dirección en la que se desplazan las preguntas:

• Vertical: las preguntas suben y bajan, una debajo de la otra.
• Horizontal: las preguntas avanzan de lado, como si se pasaran páginas.

Animación al cambiar de pregunta

Elegí el estilo de transición entre una pregunta y la siguiente. Las opciones disponibles son:

• Deslizar suave: un desplazamiento corto con un fundido. Es la opción recomendada por defecto.
• Deslizar: la siguiente pregunta entra por un borde mientras la anterior sale por el otro.
• Fundido: una pregunta se desvanece y aparece la otra, sin movimiento.
• Zoom: la siguiente pregunta crece hasta ocupar su lugar mientras la anterior se aleja.
• Voltear: las preguntas giran en perspectiva, como cartas de una baraja.
• Superponer: la siguiente pregunta entra por encima; la anterior se queda donde está.
• Descubrir: la pregunta anterior se va y deja ver la siguiente, que ya estaba debajo.
• Sin animación: el cambio es instantáneo, sin efecto de transición.

Velocidad

Además del tipo de animación, puedes ajustar su velocidad en tres niveles: Lenta, Normal o Rápida.
Puedes pasar el cursor sobre cada opción para ver una previsualización de cómo se ve en movimiento antes de elegirla.

Guardar tu diseño como plantilla reutilizable

Una vez que armaste una combinación de colores, tipografía, fondo y animaciones que te gusta, no hace falta configurarla de nuevo en cada encuesta nueva. Con el botón Guardar diseño actual, podés ponerle un nombre a tu configuración (por ejemplo, "Marca corporativa") y guardarla como plantilla propia.

Esa plantilla va a quedar disponible en la sección Mis diseños guardados, junto a las plantillas predefinidas, lista para aplicarse con un clic en cualquier encuesta futura, sin tener que reconfigurar cada detalle nuevamente.

En resumen

La sección de Diseño te da un control completo sobre la identidad visual de tus encuestas: desde plantillas listas para usar hasta el ajuste fino de colores, tipografía, imagen de fondo y animaciones. Combiná estas opciones con la Vista previa en tiempo real para asegurarte de que cada encuesta refleje fielmente tu marca antes de publicarla, y guardá tus combinaciones favoritas como plantillas propias para agilizar la creación de tus próximas encuestas.

¿Tienes dudas? Consulta a tu Customer Success o contacta a nuestro equipo de soporte vía Chat.

Actualizado el: 24/09/2026