Artículos sobre: Editor de páginas

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;


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



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


ÍCONO



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


POSICIÓN DEL ÍCONO Y COLORES



  • 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



  • 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



  • 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



  • 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



  • 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.


  1. 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;




  1. 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;



  1. 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);



  1. 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.



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

Actualizado el: 14/08/2026

¿Este artículo te resultó útil?

Comparte tu opinión

Cancelar

¡Gracias!