---
url: 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/tutorials/faq-page'
title: 'Crea una página de preguntas frecuentes | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:57:22+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  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.
tags:
  - 'Volg een tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Crea una página de preguntas frecuentes'
      description: |-
        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.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T00:57:22+0000'
      dateModified: '2026-10-24T09:09:48+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/tutorials/faq-page'
      articleSection: 'Volg een tutorial'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentation/learn-dxpr-builder/tutorials/faq-page'
      description: |-
        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.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://dxpr.com/es'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: es
---
[Help Center](/es/hc)/[Documentation](/es/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/hc/documentation/learn-dxpr-builder/tutorials/overview) # Crea una página de preguntas frecuentes.

 Learn DXPR BuilderBuild pagesVolg een tutorial

   ## In this guide

 Related guides

- [Añade un panel plegable](/es/hc/documentation/learn-dxpr-builder/layout/collapsibles-element)
- [Añade un panel de pestañas](/es/hc/documentation/learn-dxpr-builder/layout/tabs-element)
- [Crea una página de contacto](/es/hc/documentation/learn-dxpr-builder/tutorials/contact-page)
- [Crea una base de conocimiento](/es/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base)

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](/es/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base) 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](/es/hc/documentation/learn-dxpr-builder/tutorials/seo#step-1-start-the-content-at-heading-2).

## 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](/es/hc/documentation/learn-dxpr-builder/troubleshooting/saving-fails).

## ¿Qué sigue?

- [Elemento panel plegable](/es/hc/documentation/learn-dxpr-builder/layout/collapsibles-element) para cada ajuste del panel plegable
- [Elemento pestañas](/es/hc/documentation/learn-dxpr-builder/layout/tabs-element) para diseños de pestañas
- [Página de contacto](/es/hc/documentation/learn-dxpr-builder/tutorials/contact-page) para la página a la que enlaza el botón
- [Base de conocimiento](/es/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base) para crear secciones de ayuda con más estructura