By default, a CampusGroups platform is created with CampusGroups' branding.
Follow the 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" on the left-side menu.

   4. Click on Branding

   5. Scroll down to Notification email templates
   6. Populate your email template

Below is an example of the source code of 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>
Did this answer your question?