Creating a WKU-Styled Email in Formstack

Instructions for adding a WKU-branded header to a Formstack email using the Custom Message editor.

Issue/Question

How do I create a Formstack email with WKU branding instead of the default email appearance?

Environment

• Formstack Suite platform (currently focusing on Forms module)

Cause

Formstack emails use a basic default layout that does not include WKU branding. A custom message must be used to apply WKU styling.

Resolution

Accessing Emails

1. Log in to Formstack.
2. Open form that will send email.
3. Select Settings tab.
4. Select Emails & Actions.
5. Add a Notification or Confirmation Email or Edit an existing one.

 

Configuring the Email Content

1. Complete email settings as needed.
2. In Content section, select Custom Message.
3. Select Code View icon (<>) to switch to source view.
4. Copy and Paste the following code:
   Email Header Code

   <!-- Email Header : BEGIN -->
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%" bgcolor="#b01e24">
    <tr>
        <td style="padding: 15px 0 0 0; text-align: center">
            <img src="https://www.wku.edu/_resources/images/wku-logo-no-cupola.svg" width="143" height="40" alt="Western Kentucky University" border="0">
        </td>
    </tr>
    <tr>
        <td style="padding: 5px 0 15px 0; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; color: #FFFFFF; font-weight: 300;">
            [Your Email Title]
        </td>
    </tr>
</table>
<!-- Email Header : END -->
<p>[Your email content]</p>
5. Select Code View icon (<>) again to return to the editor view.
   • ​​​​​​Note: The WKU Logo image in the header will not display in preview/edit mode, but will be included in the final email.
6. Replace [Your Email Title] with a descriptive title.
   • Ex. Your department name or the title of the form.
7. Replace [Your email content] with any desired message content.

 

Including Form Submission Data

1. Select inside the email content area below the header.
2. Select Import Default Message.
3. Confirm the form data was inserted.

Or:

1. Use the Form Fields panel on the right.
2. Drag & Drop individual fields into the message as needed.

If you need assistance, please contact the ITS Service Desk or submit a service request by clicking the Request Service button.