Añade formularios a las páginas.

Learn DXPR BuilderBuild pagesVolg een tutorial

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.

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.

¿Qué sigue?