> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.icommkt.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_1txb44b.png =867xauto) 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_1g9khcy.png) 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: ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_m7fgww.png =916xauto) * **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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_u11rh9.png =181xauto) * **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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_g6lrl9.png =826xauto) 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_8kqiqx.png =906xauto) || Es importante tener en cuenta que la imagen de fondo solo se aplica en encuestas configuradas como "una pregunta por pantalla"; no tiene efecto en las encuestas que muestran todas las preguntas juntas en una sola vista. ## 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"**. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_194fsw3.png =801xauto) | Puedes pasar el cursor sobre cada opción para ver una previsualización de cómo se ve en movimiento antes de elegirla. ###### 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_1czj401.png) ###### 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_1pkct5v.png) ### Velocidad Además del tipo de animación, puedes ajustar su velocidad en tres niveles: **Lenta**, **Normal** o **Rápida**. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_seuhmk.png)Puedes pasar el cursor sobre cada opción para ver una previsualización de cómo se ve en movimiento antes de elegirla. || **Nota de accesibilidad:** si la persona que responde tiene configurado su teléfono o computadora para reducir el movimiento en pantalla, va a ver los cambios de pregunta sin animación, sin importar la opción elegida acá. Es una preferencia de accesibilidad del sistema operativo del usuario y siempre se respeta. ## 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_q54sa7.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/e/4/b/4/e4b41ef8ae96c800/image_12mpp6o.png =1022xauto) 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. | Con esto queda completo el paso 4, Diseño. En el próximo artículo vamos a ver el paso 5, Integraciones. ¿Tienes dudas? Consulta a tu Customer Success o contacta a nuestro equipo de soporte vía Chat.