Crea una página de preguntas frecuentes.

Learn DXPR BuilderBuild pagesVolg een tutorial

Aquí creas una página de preguntas frecuentes donde cada pregunta se abre y se cierra con un clic. Terminas con un encabezado centrado, una categoría de preguntas en un panel plegable y una llamada a la acción de contacto. Úsala para una lista corta de preguntas comunes. Para artículos de ayuda agrupados por tema, sigue Crea una base de conocimiento en su lugar.

El vídeo crea las preguntas frecuentes de una clínica.

Antes de empezar

  • Tu rol tiene el permiso Editar con DXPR Builder.
  • La página está abierta en el constructor. Para una nueva, ve a Contenido > Añadir contenido > Página de destino (/node/add/landing_page) y haz clic en Guardar.
  • Los elementos nuevos y los interruptores nuevos caen arriba de su contenedor. Añade las preguntas de la última a la primera, o arrástralas a su sitio después.

Paso 1: añade el encabezado

  1. Haz clic en Añadir elementos en la página vacía y elige Sección en la pestaña Diseño.
  2. Pasa el cursor sobre la sección y abre Más > Ajustes. En Clases HTML elige Centrar texto, y haz clic en Guardar.
  3. Haz clic en + en la sección y elige Texto en la pestaña Contenido.
  4. Escribe «Preguntas frecuentes» y ponlo en Encabezado 2 desde la barra de herramientas. Añade una línea que diga qué cubre la página, y haz clic en Guardar. El tema imprime el título de página como Encabezado 1 de la página. Para que este encabezado sea el Encabezado 1 en su lugar, lee Crea páginas amables con el SEO.

Paso 2: añade una categoría con preguntas

  1. Pasa el cursor sobre la sección y haz clic en Añadir sección debajo.
  2. Haz clic en + en la sección nueva y elige Panel plegable en la pestaña Diseño; llega con un interruptor vacío.
  3. Abre Más > Ajustes en el panel. Activa Plegar para que cada pregunta empiece cerrada, pon Icono de expandir en +, y haz clic en Guardar.
  4. Abre Más > Ajustes en el interruptor, escribe la pregunta como su Título del interruptor y haz clic en Guardar. Los interruptores nuevos caen arriba, así que empieza por la última pregunta.
  5. Haz clic en la pregunta para abrir su cuerpo, haz clic en + dentro y elige Texto. Escribe la respuesta y haz clic en Guardar.
  6. Haz clic en Añadir interruptor en el panel y repite los pasos 4 y 5 para cada pregunta, subiendo hasta la primera.
  7. Haz clic en + en la sección una vez más y elige Texto; cae encima del panel. Escribe el nombre de la categoría como Encabezado 2 y haz clic en Guardar.

Apunta a entre 3 y 6 preguntas por categoría.

Paso 3: añade una llamada a la acción de contacto

  1. Añade una tercera sección con Añadir sección debajo y abre Más > Ajustes. Elige Centrar texto en Clases HTML y un Fondo gris claro en el panel Estilo. Haz clic en Guardar.
  2. Haz clic en + en la sección y elige Botón. Pon Título en «Escríbenos», Enlace en /contact, Tipo en Primario y Tamaño en Grande, y haz clic en Guardar.
  3. Haz clic en + de nuevo y elige Texto; cae encima del botón. Escribe «¿Aún tienes preguntas?» como Encabezado 2, añade una línea que apunte a tu equipo, y haz clic en Guardar.

Paso 4: guarda y muestra la vista previa

  1. Haz clic en Guardar en la barra de herramientas del constructor.
  2. Abre el menú de vista (el icono de ojo) y elige Vista previa.

Ve más allá

No sale en el vídeo:

  • Más categorías: repite el paso 2 para cada categoría, una sección y un panel plegable cada una. Las comunes son Primeros pasos, Cuenta y facturación, Funciones, Solución de problemas, y Privacidad y seguridad.
  • Pestañas en lugar de secciones: con pocas categorías, añade un elemento Pestañas desde la pestaña Diseño, una pestaña por categoría, y pon un panel plegable dentro de cada pestaña. Cada categoría queda al alcance sin desplazar.

Consejos de SEO

  • Usa la pregunta real como Título del interruptor
  • Responde en la primera frase, y luego añade detalle
  • Enlaza las respuestas a la página a la que refieren
  • Añade datos estructurados de preguntas frecuentes con tu tema o un módulo de Drupal

Lo que ves

El encabezado queda centrado arriba. Bajo el encabezado de categoría cada pregunta está cerrada y muestra un +. Un clic abre la respuesta, y la banda de cierre ofrece el botón Escríbenos.

Si no ves la página como se muestra

  • Todas las preguntas empiezan abiertas. Plegar está desactivado en el panel plegable. Abre Más > Ajustes del panel, activa Plegar y haz clic en Guardar.
  • No hay + dentro de un interruptor. El cuerpo del interruptor está cerrado. Haz clic en la pregunta para abrirlo, y luego haz clic en + dentro.
  • Las preguntas aparecen en orden equivocado. Los interruptores nuevos caen arriba del panel. Arrastra cada interruptor a su sitio por el tirador de su barra de control.
  • Tus cambios desaparecieron tras recargar. Saliste de la página antes de hacer clic en Guardar en la barra de herramientas del constructor. Si Guardar muestra un error, lee Los cambios no se guardan.

¿Qué sigue?