The Webform component allows authors to embed a Drupal webform into their pages. This component is straightforward and does not offer much customization aside from spacing adjustments. It’s important to note that the webform displayed by this component is entirely created and managed in the Drupal webforms section. Therefore, any modifications to the form’s fields, layout, or functionality must be made directly within Drupal’s webform editor.

Example

Content Options

The Webform component has only one content option, which is an input for a Webform ID. 

The button below will take you to our documentation on building webforms in Drupal.

Drupal Form Block Documentation

Layout and Styling Options

The only styling options currently available on the Webform component is top and bottom margins.

Bottom Margin

the end

Top Margin

the end

Usage

Do

  • Ensure the form is created and tested before embedding it with the Webform component.
  • Double-check that the Webform ID is correctly referenced in the component settings.
  • Preview the page after adding the Webform component to verify that the form displays correctly.
  • Make sure the form has clear instructions and labels for users to avoid confusion.
  • Test the form submission process from a user’s perspective to ensure it functions as expected.

Don't

  • Avoid embedding multiple Webform components on a single page unless absolutely necessary, as it can overwhelm users.
  • Don’t assume changes made in Drupal will automatically correct any issues on your page; always test after making updates.
  • Avoid placing forms in areas of the page where they might be overlooked or hard to access, such as below large blocks of text.
  • Don’t overload the form with too many fields, which can lead to lower submission rates and user frustration.