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 on CampusGroups.
  2. Click on "Admin" (key icon in the top menu).

   3. Click on "Settings" on the left-side menu.

   4. Click on "Branding" in the General Settings' menu.

   5. Scroll down to "Notification email templates".
You will be able to create your own email template.


   6. Below is an example 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?