3.6. Webforms es un potente generador de formularios.
<p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="auto" src="https://www.youtube.com/embed/mslKJt3-o7o" width="100%"></iframe></p>
<p>En este video, exploraremos cómo trabajar con el potente constructor de formularios Webform. Vamos a la página de módulos. Para crear formularios web, necesitamos habilitar los módulos <strong>Webform</strong> y <strong>Webform UI</strong>. Si deseas mostrar formularios web como páginas de nodo, entonces necesitarás el módulo <strong>Webform Node</strong>.</p>
<p><img alt="Drupal Webform" data-entity-type="file" data-entity-uuid="f10fabc3-c79a-415f-ae8d-b0c4ba40ebb1" src="/sites/default/files/inline-images/Screenshot%20from%202020-11-09%2008-43-06.png" /></p>
<p>En Drupal 6 y 7, Webform funcionaba a través de páginas de nodo — un formulario web se adjuntaba al tipo de contenido Webform. En Drupal 8 y versiones posteriores, no se requiere una página de nodo separada, ya que cada formulario web tiene su propia página, y el formulario en sí se puede mostrar como un bloque en cualquier página.</p>
<p>Una vez habilitado el módulo Webform, podemos comenzar a crear nuevos formularios web.</p>
<p>Si habilitaste el módulo Webform Node, el enlace para crear un formulario web se encuentra en Contenido > Agregar contenido > Formulario web. En la página que crees, agrega un Título y una Descripción. También puedes seleccionar un formulario web existente en el campo Formulario, o dejarlo en blanco para crear uno nuevo.</p>
<p>/node/add/webform</p>
<p><img alt="Formulario Contáctanos" data-entity-type="file" data-entity-uuid="10805032-ca12-4490-afbb-e69994f6cc0a" src="/sites/default/files/inline-images/Screenshot%20from%202020-11-09%2008-45-33.png" /></p>
<p>Para crear el formulario en sí, ve al menú Estructura - Formularios web, luego podrás insertarlo en la página de nodo.<br />
Actualmente solo tenemos un formulario de contacto, agreguemos uno nuevo. Puedes usar el formulario predeterminado, por supuesto, pero para explorar cómo funcionan los campos en Webform, crearemos uno nuevo:</p>
<p>/admin/structure/webform</p>
<p><img alt="Formulario contáctanos de Drupal" data-entity-type="file" data-entity-uuid="ac831f6a-ea53-4407-b7e4-3995728378aa" src="/sites/default/files/inline-images/Screenshot%20from%202020-11-09%2008-47-10.png" /></p>
<p>Ahora podemos agregar nuevos elementos al formulario:</p>
<p>Campo de texto – Nuestro nombre</p>
<p><img alt="Campo de texto en Drupal" data-entity-type="file" data-entity-uuid="04718446-8c03-4eed-865b-b3ad2f072c5e" src="/sites/default/files/inline-images/Screenshot%20from%202020-11-09%2008-50-46.png" /></p>
<p>Campo de teléfono – Teléfono</p>
<p><img alt="Teléfono en Webform" data-entity-type="file" data-entity-uuid="0366e9e5-3758-4b28-8c39-c32690b49f0d" src="/sites/default/files/inline-images/Screenshot%20from%202020-11-09%2008-48-31.png" /></p>
<p>El módulo Webform utiliza la API de campos de Drupal, y puedes usar cualquier campo disponible para cualquier Entidad en el sitio—los que se pueden adjuntar a nodos, bloques, términos de taxonomía y otras entidades.</p>
<p>Si editas cualquier campo, encontrarás una gran cantidad de configuraciones. Puedes configurar campos dependientes para que se muestre uno cuando otro tenga un valor específico. Por ejemplo, si tu formulario de contacto permite seleccionar entre persona jurídica y persona natural, puedes mostrar diferentes campos para cada tipo.</p>
<p>También puedes realizar validaciones usando expresiones regulares. Pero también puedes agregar validaciones mediante programación usando <code>hook_form_alter()</code> en un módulo personalizado.</p>
<p>Puedes configurar clases para los campos — por ejemplo, si estás usando Bootstrap para el diseño, puedes asignar clases de columnas al contenedor del campo para que los campos se alineen en columnas según se necesite, como <code>col-md-6</code> para un diseño de dos columnas.</p>
<p>En la sección de visualización del formulario, puedes configurar si se muestra la etiqueta del campo, agregar descripciones antes o después del campo, establecer un marcador de posición y definir longitudes mínima y máxima del campo.</p>
<p>Aún necesitamos agregar un campo de correo electrónico para poder responder al remitente, y un campo de área de texto para el contenido del mensaje.</p>
<p>Configuraciones de Webform</p>
<p>Puedes escribir un mensaje para mostrar si el formulario no está funcionando.</p>
<p>Sobrescribir el texto del botón Enviar, agregar clases de diseño</p>
<p>Configuraciones del asistente</p>
<p>Puedes cambiar las etiquetas de los botones Siguiente / Anterior en formularios de varias páginas.</p>
<p>Descripción de otras configuraciones.</p>
<p>Configuraciones del mensaje de agradecimiento.</p>
<p>Mostrar el formulario web como un bloque en la columna izquierda.</p>
<p>Configuraciones de notificación en Webform.</p>