Webforms

Webforms have a "Content" component (a page where the form is embedded) and a "Structure" component (all the settings for the form) found under each of those areas in the top toolbar. Configuration for form fields, confirmation pages, email handlers, and more is found under "Structure." Many configuration options are available. Overview of Webform Features.

On this page:

Email Webform Responses

A webform can, optionally, send an email when a new response is submitted.

  1. Go to Structure > Webforms.
  2. On the webform overview page, find the form. Click the operations dropdown button and click Settings.
     
  1. Under Settings, click the Emails/Handlers tab.
     
  1. Perform one of the following:
    1. If you are adding an email for the first time, click "Add Email." The Add email handler configuration will open on the edge of the screen.
       
  1. If you are editing an existing email, click the Edit button next to the appropriate email.
  2. The email handler configuration will open on the edge of the screen. Set appropriate values for the following:
    1. Title: Default is "Email." Add additional detail if needed, e.g. "Email Youth Services"
    2. Send to:
      1. To email: Default is [site:mail], which is the sitewide default. 
        1. Choose "Custom To email address" to enter a different email.
        2. If your form asks for the respondent's email, you may choose the respondent's email by selecting the matching field listed under "Elements."
           
  1. CC email: Default is None
  2. BCC email: Default is None
  3. Send from (website/domain) - in most cases keep the defaults here:
    1. From email: Default is [site:mail]
    2. From name: Default is [site:name]
  4. Reply-to email: Default. Optionally, if the form requires an email, you can select the email field from the list of Elements in the drop-down.
  5. Message - in most cases keep the defaults here:
    1. Subject: Default is Webform submission from: [webform_submission:source-title]
    2. Body: Default
  6. Click Save at the bottom of the email handler configuration.
     
  1. Test the form to be sure the email sends as expected.

Include a PayPal button or other code in confirmation messages

In Drupal 9 Webform limits what HTML tags are allowed for most elements by default, including the markup you can put into confirmation messages. If you need to include something that is restricted by default, such as <form> and <input> tags that make up a PayPal Donate button, you can change Webform to allow a wider range of HTML tags.

  1. Go to Structure > Webforms > Configuration tab > Elements sub-tab.
  2. Under Allowed tags, select Custom tags (default setting is Admin tags).
  3. A llist of allowed custom tags will appear. Review the list to see if it contains the tag you wish to use.
  4. Add the tag that you wish to use to the list of allowed custom tags.
     
  1. Click Save at the bottom of the screen.