Cómo crear una sección de preguntas frecuentes con Gutenberg

Estás leyendo la publicación: Cómo crear una sección de preguntas frecuentes con Gutenberg

¿Tiene una larga lista de preguntas frecuentes de su audiencia sobre su producto o servicio?

Una sección de preguntas frecuentes proporciona una forma sencilla para que los clientes obtengan respuestas a las principales preguntas que tienen sin necesidad de ponerse en contacto con el servicio de atención al cliente. En esta publicación, le mostraremos una manera rápida y fácil de agregar una elegante sección de preguntas frecuentes a cualquier página con Gutenberg.

Usaremos la libre Complemento de bloques definitivos Para este.

Instalación del complemento Ultimate Blocks

El complemento Ultimate Blocks está disponible de forma gratuita a través del directorio oficial de complementos de WordPress. Dirígete a la página Agregar nuevo complemento desde el backend de WordPress y búscalo para instalarlo.

Todos los bloques están habilitados de forma predeterminada, por lo que no hay nada más que configurar en este momento.

Cómo crear una breve sección de preguntas frecuentes usando Gutenberg

Si no tiene muchas preguntas para agregar a su sección de preguntas frecuentes, es decir, alrededor de cinco, considere mostrar sus preguntas tal como están sin ocultarlas detrás de un elemento de alternancia.

Ponga las preguntas en negrita y agregue las respuestas en sus propios párrafos sin negrita:

Alternativamente, use el bloque Columnas para hacer que su sección de preguntas frecuentes sea aún más corta. El diseño 50/50 es una opción adecuada para este enfoque.

Solo es cuestión de colocar bloques de párrafo en cada columna, y hacer lo mismo que hicimos antes:

El enfoque de columna también funciona muy bien para las secciones de preguntas frecuentes que tienen alrededor de 10 preguntas.

Creación de una sección de preguntas frecuentes con Ultimate Blocks

Entonces, si puede crear una sección básica de preguntas frecuentes con las funciones integradas de Gutenberg, ¿por qué usar un complemento como Ultimate Blocks? La respuesta a esta pregunta es simple: experiencia de usuario.

🔥 Recomendado:  Los magníficos renders del iPhone SE 4 muestran un gran cambio de diseño, incluida una muesca

Cuando su sección de preguntas frecuentes tiene 10 preguntas o más o respuestas muy largas, a sus visitantes les puede resultar frustrante desplazarse por todas ellas. Cuando se trata de publicaciones de blog y páginas web modernas, las interfaces de usuario escaneables funcionan mejor.

Ese es el tipo de diseño que el bloque de cambio de contenido de Ultimate Blocks te permite crear.

Comience agregando el bloque a su página.

Coloque su pregunta en el cuadro Título del panel y la respuesta en el cuadro de texto blanco debajo de eso. Ultimate Blocks no pone el título en negrita de forma predeterminada, por lo que deberá hacerlo usted mismo si desea que sus preguntas estén en negrita.

Haga clic en el pequeño botón más + con un borde circular en la parte inferior del cuadro de texto para agregar otra pregunta y respuesta. Esto no debe confundirse con el botón más de Gutenberg, que usa un borde cuadrado.

Sin embargo, puede anidar un bloque de cambio de contenido dentro de otro bloque de cambio de contenido haciendo clic en el botón más de Gutenberg en lugar de colocar texto dentro del cuadro de respuesta.

Continúe hasta que haya agregado todas las preguntas que desea incluir en su sección de preguntas frecuentes.

Personalización de su sección de preguntas frecuentes

Una vez que haya agregado todas sus preguntas, haga clic en uno de los cuadros de título del panel para abrir el panel de configuración para el bloque de cambio de contenido.

Haga clic en la configuración Esquema de color y asigne colores a los siguientes elementos:

  • Envase – Cambia el fondo del cuadro Título del panel
  • Título – Cambia el color del texto en el cuadro Título del panel
  • Enlace de título – Se supone que cambia el color del texto en el cuadro Título del panel si le asigna un enlace, pero descubrí que el complemento no podía anular los estilos de enlace de mi tema cuando probé con el tema Astra WordPress
  • Icono de alternar – Cambia el color del icono (una flecha arriba/abajo por defecto) que aparece a la derecha del cuadro Título del panel
🔥 Recomendado:  Revisión de Flexjobs: pros, contras y cuándo vale la pena una membresía

Hay un puñado de ajustes preestablecidos de color, pero también puede usar la función Color personalizado para asignar el esquema de color oficial de su marca a estos elementos.

Continúe y personalice esta configuración hasta que alcance el esquema de color deseado. Es posible que deba guardar la página como borrador y obtener una vista previa en la interfaz para ver cómo se aplican los estilos.

Lo siguiente es la configuración del estado inicial, que afecta la forma en que aparecerá la sección de preguntas frecuentes cuando el usuario cargue la página por primera vez. Todos los paneles están abiertos de forma predeterminada, por lo que es mejor si habilita las opciones Contraído o Mostrar solo un panel a la vez para evitar que estiren la página al cargar.

Esta parte es complicada ya que es posible que deba editar la configuración de estado inicial de cada panel individualmente para que la sección de preguntas frecuentes funcione correctamente. Básicamente, si desea que el panel anterior se contraiga cuando el usuario abra uno nuevo, asegúrese de que cada panel tenga habilitada la opción Mostrar solo un panel a la vez y la opción Contraído deshabilitada.

También hay opciones de borde e icono con las que puedes jugar. Cuando todo esté dicho y hecho, deberías tener algo similar a esto:

Por último, habilite la opción Esquema de preguntas frecuentes. Ayudará a que su página se clasifique en los motores de búsqueda, ya que Google ahora muestra preguntas frecuentes en sus resultados de búsqueda.

Alternativas a Ultimate Blocks

Ultimate Blocks proporciona una manera rápida y fácil de insertar secciones de preguntas frecuentes en publicaciones y páginas de una manera que se ve muy bien y es compatible con SEO. Si prefiere otra ruta, puede usar fácilmente las funciones integradas de Gutenberg para crear su propia sección de preguntas frecuentes o usar un complemento de WordPress de preguntas frecuentes.

🔥 Recomendado:  Cómo crear infografías que se vuelvan virales

Las preguntas frecuentes heroicas son una opción notable que tiene algunas características más que el bloque de alternancia de contenido de Ultimate Blocks. El Posicionamiento SEO matemático El complemento también tiene un bloque de preguntas frecuentes para Gutenberg incorporado.