---
url: 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/tutoriales/anadir-formularios'
title: 'Añade formularios a las páginas | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:58:09+00:00'
updated: '2026-10-24T19:36:26+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Aquí pones un formulario de alta junto a tu mensaje en una sección. El formulario es un bloque de Drupal, así que puedes poner así cualquier formulario web abierto. Usa esta página para un formulario dentro de una página existente. Para una página completa con dirección, mapa y horario, sigue Crea una página de contacto.
  El vídeo crea un alta al boletín para una clínica.
tags:
  - 'Follow a tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T19:36:26+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Añade formularios a las páginas'
      description: |-
        Aquí pones un formulario de alta junto a tu mensaje en una sección. El formulario es un bloque de Drupal, así que puedes poner así cualquier formulario web abierto. Usa esta página para un formulario dentro de una página existente. Para una página completa con dirección, mapa y horario, sigue Crea una página de contacto.
        El vídeo crea un alta al boletín para 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:58:09+0000'
      dateModified: '2026-10-24T19:36:26+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/documentacion/aprender-dxpr-builder/tutoriales/anadir-formularios'
      articleSection: 'Sigue un tutorial'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentacion/aprender-dxpr-builder/tutoriales/anadir-formularios'
      description: |-
        Aquí pones un formulario de alta junto a tu mensaje en una sección. El formulario es un bloque de Drupal, así que puedes poner así cualquier formulario web abierto. Usa esta página para un formulario dentro de una página existente. Para una página completa con dirección, mapa y horario, sigue Crea una página de contacto.
        El vídeo crea un alta al boletín para 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
---
[Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentacion) /[Aprende DXPR Builder](/es/hc/documentation/learn-dxpr-builder) /[Crear páginas](/es/hc/documentation/learn-dxpr-builder/build) /[Sigue un tutorial](/es/hc/documentation/learn-dxpr-builder/tutorials/overview) # Añade formularios a las páginas.

 Aprende DXPR BuilderCrear páginasSigue un tutorial

   ## En esta guía

 Guías relacionadas

- [Crea una página de contacto](/es/hc/documentacion/aprender-dxpr-builder/tutoriales/pagina-contacto)
- [Añadir un bloque de Drupal a tu página](/es/hc/documentacion/aprender-dxpr-builder/integraciones/bloques-drupal)

Aquí pones un formulario de alta junto a tu mensaje en una sección. El formulario es un bloque de Drupal, así que puedes poner así cualquier formulario web abierto. Usa esta página para un formulario dentro de una página existente. Para una página completa con dirección, mapa y horario, sigue [Crea una página de contacto](/es/hc/documentacion/aprender-dxpr-builder/tutoriales/pagina-contacto).

El vídeo crea un alta al boletín para una clínica.

  ## Antes de empezar

- Tu rol tiene el permiso **Editar con DXPR Builder**.
- El formulario existe, por ejemplo como formulario web hecho con el módulo Webform.
- 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**.

## Paso 1: añade una sección con tono

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**. Abre el panel **Estilo**, elige un **Fondo** gris claro y haz clic en **Guardar**.

## Paso 2: añade dos columnas

1. Haz clic en **+** en la sección y elige **Fila**. Una fila nueva llega con dos columnas iguales, la división que quieres aquí.

## Paso 3: escribe el mensaje de alta

1. Haz clic en **+** en la columna izquierda y elige **Texto** en la pestaña **Contenido**.
2. Escribe «Consejos de salud por correo» y ponlo en **Encabezado 2** desde la barra de herramientas.
3. Añade una línea sobre lo que reciben las suscripciones y cada cuánto, y haz clic en **Guardar**.

## Paso 4: inserta el formulario

1. Haz clic en **+** en la columna derecha.
2. Abre la pestaña **Bloques de Drupal**.
3. Elige el bloque de tu formulario y haz clic en **Guardar** en su diálogo de ajustes. El formulario se muestra en la columna.

## Paso 5: 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** para ver el mensaje junto al formulario.

## De dónde vienen los formularios

No sale en el vídeo:

- **Módulo Webform**: cada formulario web abierto sale en la pestaña **Bloques de Drupal** como «Block: DXPR builder: Webform:» seguido de su nombre. Escribe el nombre en **Buscar**, o elige **DXPR builder** en **Filtrar por categoría**.
- **Módulo Contact del núcleo**: sus formularios en **Estructura** > **Formularios de contacto** no tienen bloque propio. El módulo contribuido Contact Block añade un **bloque de Contacto** a la misma pestaña.

## Dale estilo a los formularios

No sale en el vídeo. Los formularios toman los estilos de tu tema. Para cambiarlos:

- Añade clases en **Clases HTML**, en el panel **General** del bloque, y dale estilo a esas clases en tu tema.
- Fija margen y relleno alrededor del formulario en el panel **Estilo** del bloque.

## Lo que ves

La banda gris guarda tu encabezado y una línea de texto a la izquierda y el formulario a la derecha. En vista previa el formulario funciona como lo hará para las personas visitantes, y los envíos van a los gestores propios del formulario. Elige **Editar** en el menú de ojo para seguir trabajando.

## Si no ves el formulario

- **Tu formulario web no está en la pestaña Bloques de Drupal.** El constructor solo lista formularios web abiertos. Ve a **Estructura** > **Formularios web** (`/admin/structure/webform`) y pon el estado del formulario en **Abierto**.
- **La pestaña Bloques de Drupal falta o está vacía.** El constructor solo lista bloques cuando el módulo **Bloque personalizado** del núcleo está activado. Actívalo en **Extender** (`/admin/modules`).
- **Las personas visitantes ven una columna vacía donde debería estar el formulario.** El bloque esconde un formulario web a quienes no pueden enviarlo. Permite a su rol crear envíos en los ajustes de **Acceso** del formulario web.
- **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/documentacion/aprender-dxpr-builder/solucion-problemas/cambios-no-guardan).

## ¿Qué sigue?

- [Página de contacto](/es/hc/documentacion/aprender-dxpr-builder/tutoriales/pagina-contacto) para una página completa con formulario, mapa y horario
- [Bloques de Drupal](/es/hc/documentacion/aprender-dxpr-builder/integraciones/bloques-drupal) para cada bloque que puedes poner en una página