> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/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 agregar un FAQ (preguntas frecuentes) en tu página

Para insertar un elemento de **FAQ** (Preguntas y Respuestas Frecuentes) en una página, sigue el tutorial a continuación:

1. En el editor de páginas, a través del menú ubicado en el lado izquierdo de la pantalla, haz clic en el **ícono de FAQ**;
+
![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_uq1fcz.png =650x540)

2. A continuación, el elemento de FAQ se insertará en la página. Haz clic en **Editar**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_zoy8q2.png =650x434)

4. Al hacerlo, se abrirá una pantalla con las opciones de **Edición** en la pantalla de **Estilos**, comenzando por:

###### ÍCONO

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_fun1dq.png =650xauto)

* Configuración visual del ícono utilizado en cada pregunta del FAQ.

###### POSICIÓN DEL ÍCONO Y COLORES

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1rkyt7.png =650xauto)

* **Posición del ícono:** Configuración de la posición del ícono, que puede ubicarse a la derecha o a la izquierda de la pantalla.
* **Elemento cerrado:** Configuración del color de la pregunta cuando la respuesta está cerrada.
* **Elemento abierto:** Configuración del color de la pregunta cuando la respuesta está abierta.

###### ESTILOS DE FUENTES

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_b1jco6.png =650x443)

* **Estilo del título:** Fuente utilizada en las Preguntas. Las tipografías disponibles para su uso están configuradas en el Design System de la página.
* **Estilo del texto:** Fuente utilizada en las Respuestas. Las tipografías disponibles para su uso están configuradas en el Design System de la página.
* **Negrita en los títulos:** Permite que los títulos (preguntas) aparezcan en negrita. Esta opción no se aplica a los textos (respuestas).

###### ESPACIADO

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_106ynyn.png =650x501)

* **Entre los elementos:** Configuración del espaciado entre cada pregunta del FAQ.
* **Interno:** Espaciado entre cada letra de las preguntas y respuestas.

Estas opciones también se definen en el Design System de la página.

###### BORDES Y SOMBRA

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-12-as-_1rirmgi.png =650x462)

* **Borde:** En esta sección puedes configurar los bordes del FAQ, haciéndolos más o menos redondeados según la cantidad de píxeles.
* **Sombra:** Efecto de sombra alrededor del FAQ.

###### ANIMACIÓN

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_15gdjno.png =650x585)

* **Efecto:** Selecciona el estilo de efecto deseado para el elemento. Al alternar entre los efectos, puedes ver cómo funciona cada uno.
* **Dirección:** Aquí puedes definir la dirección de la animación, por ejemplo: hacia arriba, hacia abajo, hacia la derecha o hacia la izquierda.
* **Velocidad:** Aquí defines la velocidad de la animación. Cuanto más cerca de 250 ms, más rápida será la animación; cuanto más cerca de 2000 ms, más lenta será.
* **Retraso:** Esta configuración permite definir el tiempo de retraso de la animación. Este tiempo puede variar de 0 ms a 2000 ms.
* **Repetir:** En esta función puedes elegir si la animación aparecerá solo una vez o continuamente.

5. Después de configurar la parte visual del FAQ, accediendo a la pestaña **"Configurar"**, podrás configurar las Preguntas y Respuestas del elemento. Al hacer clic en el botón **"Agregar pregunta"**, se abrirá una pantalla donde podrás agregar el título y el texto;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1em06qg.png =650x411)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1nzzvpl.png =650x600)

6. Después de configurar las preguntas, podrás habilitar que la primera pregunta del FAQ aparezca abierta inicialmente en la pantalla, o no. También podrás elegir si deseas habilitar los **Metadatos de Google** en este elemento;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1a1wepw.png =650x508)

7. Aún en la misma pantalla, desplazándote hacia abajo, encontrarás la configuración de **Visibilidad**, donde podrás elegir ocultar el elemento en una de las dos versiones de la página: Desktop (computadoras) o Mobile (celulares);

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_1v91jr.png =650x600)

8. Por último, accediendo a la pestaña **Código**, podrás copiar el ID de este elemento o editarlo directamente en HTML y CSS. Recuerda que esta es una función avanzada y cualquier modificación realizada incorrectamente puede generar errores en el elemento.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/image_17x2gy.png =650x559)

¿Te quedó alguna duda? ¡Contacta con nuestro equipo de soporte! Estamos siempre listos para ayudarte. :)