Custom Email Alerts

Contents

1 Purpose
2 Availability
3 Customising
4 Example

Purpose

The default alerts can be customised with a “header” and “footer”.

Availability

Customising

After activating, you can go the WPS Pro->Setup->Alerts and you will see two additional fields that allow you to enter HTML to change the way the alert looks.

As this HTML is added before (the header) and after (the footer) you can affectively wrap the content with you own content and styles.

Because the alert is sent as an email, and styling must be contained within the HTML itself. The following is an example as currently used on the WP Symposium Pro website. It makes the background purple, and puts the content into a box with rounded corners.

Example

HTML added to top of alert

<style> body { padding: 0; margin: 0; } </style>
<div style="padding:20px; background-color:#510051">
<div style="border:1px solid #000; background-color:#efefef; border-radius:5px;padding:20px;">

HTML added to bottom of alert

<div style="text-align:center;margintop:25px;width:100%;font-style:italic;">You can choose what emails you receive on your <a href="http://www. wpsymposiumpro.com/edit-profile/">Edit Profile</a> page</div>
</div>
</div>

The result of the above is to make the email alert look as follows:

Screenshot_1

174