9I制作厂免费

Styling webform emails and confirmation pages

Take your webform emails and confirmation pages from meh to marvelous

A little聽webform token knowledge聽goes a long way when it comes to souping up submission聽emails and confirmation pages.


Email messages

The email template at聽the bottom of the WEBFORM > E-mails settings page provides a default message that can be sent each time a form is submitted:

Submitted on [submission:date:long]
Submitted by user: [submission:user]
Submitted values are:
[submission:values]


The results of this submission may be viewed at:
[submission:url]

The token聽[submission:values] provides submission data with no formatting, which can often be unreadable.

Fortunately, Site Managers and Editors can 鈥斅爓ith a little bit of plain text formatting and the judicious use of webform tokens 鈥 create more readable webform emails.

So a default message聽that can be difficult to parse:

Default webform email message
Image by Lee-Yan Marquez.

Can be improved with the addition of a聽salutation, a few instructions, basic聽plain text formatting and a signature to provide clearer information to the recipient:

Adapted webform email message with tokens and plain text formatting
Image by Lee-Yan Marquez.


Confirmation pages

Likewise聽when a user submits a form, they don't always have to see聽a default message with a link back to the form:聽

Default confirmation page
Image by Lee-Yan Marquez.

You can create a custom聽颁辞苍蹿颈谤尘补迟颈辞苍听尘别蝉蝉补驳别听耻苍诲别谤听WEBFORM > Form settings聽using HTML and webform tokens.

Unlike webform emails which is limited to聽plain text, confirmation pages allow the use of HTML which provides a little more flexibility, like displaying a user's choices in a table:

Confirmation page with webform tokens and HTML formatting
Image by Lee-Yan Marquez.

Note that in order to take full advantage of this feature, you will need to have some basic HTML knowledge.


For detailed instructions and examples聽on how to customize Webform emails and confirmation pages, check out the .


Related content:

Back to top