There are a variety of automated confirmation messages that a user could receive from within the platform. Whether you were added as an officer to a group or you registered for an event, that confirmation email will always arrive in the same template.

By default, the template is created with CampusGroups' branding. Follow these next steps to make your platform unique and consistent with your school's branding.

  1. Log in to CampusGroups
  2. Click on Admin
  3. Click on Settings
  4. Click on Branding
  5. Scroll down to Notification email templates
  6. Input the Source Code and customize your template
Admin view of the General Settings Page highlighting the Branding option

You may already have this source code input into your platform. If not, you can copy and paste the source code below into the Source button within the formatting options. Once you do this, you will have the option to customize the template with your own branding. We do not recommend changing anything within the brackets (Email_Type, Email_Content and School_Name) as this will pull in the content of the automated message.

Admin View of the Branding setting highlighting the Notification email template

Below is an example of the source code for an email template.

<meta charset="utf-8">
<title></title>
<meta content="IE=edge" http-equiv="X-UA-Compatible" /><meta content="width=device-width, initial-scale=1.0" name="viewport" /><meta content="telephone=no" name="format-detection" />
<style type="text/css">body {
 height: 100% !important;
 width: 100% !important;
 Margin: 0;
 padding: 0;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

img {
 border: 0;
 height: auto;
 line-height: 100%;
 outline: none;
 text-decoration: none;
 vertical-align: middle;
 -ms-interpolation-mode: bicubic;
}
a, a:link {
 color: #154ab7;
 text-decoration: underline
}
table {border-collapse: collapse !important} /*Gmail & Outlook 07>13 issue*/

/*Outlook.com*/
h2 {
 background: none;
 border: none
}
.ExternalClass {width: 100%}

/*RESPONSIVE RULES
----------------------------------*/
@-ms-viewport {
zoom: 1.0;
width: 320px
} /*Windows Phone*/
@viewport {
zoom: 1.0;
width: 320px
}
.apple-link a {color: #999999 !important}
</style>
<table cellpadding="0" style="background-color: #ebedf0; width: 100% !important;" width="100%">
<tbody>
<tr>
<td>
<table align="center" style="mso-hide: all; Margin: 0 auto; border-collapse:collapse; max-width: 545px"><!--[if (gte mso 9)|(IE)]>
<table width="545" align="center" style="Margin: 0 auto; border-collapse:collapse; max-width: 90%;">
<![endif]-->
<tbody>
<tr>
<td style="padding: 20px 0 15px 0; font-family: helvetica, arial, sans-serif; ">
<table cellpadding="0" cellspacing="0" style="width:100%; background-color:#000000; border-radius: 5px 5px 0 0" width="100%">
<tbody>
<tr>
<td aria-labelledby="bloc" style="padding: 15px">
<h1 style="Margin: 0"><a href="http://adugroups.adu.ac.ae"><img alt="ADUGroups" height="34" src="https://adugroups.adu.ac.ae/upload/adu/2016/image_300026093_aduglogo_1213141015_1213141015.png" width="177" /></a></h1>
</td>
<td aria-labelledby="bloc" style="padding: 15px 15px 15px 0; ;text-align:right; color:#ffffff; font-family: helvetica, arial, sans-serif; font-size: 16px">[EMAIL_TYPE]</td>
</tr>
</tbody>
</table>

<table cellpadding="0" style="border-radius: 0 0 5px 5px; border-collapse:collapse; Margin-left: auto; Margin-right:auto; padding-bottom: 25px; background-color:#ffffff; border-top:none; text-align:center;  " width="100%">
<tbody>
<tr>
<td style="font-family: helvetica, arial, sans-serif; padding-top: 20px; padding-bottom: 20px; line-height:20px;padding-left:20px; padding-right: 20px; text-align: left">[EMAIL_CONTENT]</td>
</tr>
</tbody>
</table>

<p style="font-size: 15px; color:#585c63; text-align:center; Margin: 15px auto 12px auto; padding: 12px 0 0 0; border-top: 1px solid #BBBBBB ">Download the mobile app</p>

<table align="center" border="0" cellpadding="0" cellspacing="0" style="Margin: 0 auto 25px auto">
<tbody>
<tr>
<td><a href="[SCHOOL_IPHONE_LINK]"><img alt="App Store" height="40" src="https://www.campusgroups.com/upload/all/2016/flyer_image_129238_download_on_the_app_store_badge_81753117_81753117.png" width="135" /></a></td>
<td style="padding: 0 0 0 10px"><a href="[SCHOOL_ANDROID_LINK]"><img alt="Google Play" height="40" src="https://www.campusgroups.com/upload/all/2016/flyer_image_129238_google_play_badge500_81753146_81753146.png" width="115" /></a></td>
</tr>
</tbody>
</table>

<div style="text-align:center; font-size: 17px; padding: 0 15px">
<p style="font-size: 13px; color:#585c63; Margin-top: 15px; Margin-bottom:15px; line-height: 25px">This message is intended for [EMAIL]<br />
<a href="[UNSUBSCRIBE_LINK]" style="color:#006db0; text-decoration:none">Unsubscribe</a> or <a href="[NOTIFICATION_SETTING_LINK]" style="color:#006db0; text-decoration:none">adjust your notification settings</a></p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

Please contact support@campusgroups.com with any questions.

Did this answer your question?