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.
Navigate to Admin > Settings > General Settings
Click on Branding
Scroll down to Notification email templates and click on Source
Input the following source code and customize your template - 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
<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: 565px; color: #FFFFFF"><!--[if (gte mso 9)|(IE)]>
<table width="545" align="center" style="Margin: 0 auto; border-collapse:collapse; ">
<![endif]-->
<tbody>
<tr>
<td style="padding: 20px 10px 0 10px; font-family: 'open-sans', arial, sans-serif; ">
<h1 style="Margin: 20px 0 35px; text-align:center"><img alt="Campusgroups" src="https://demo.campusgroups.com/upload/demo/2020/flyer_image_upload_34747_Demo_Wordmark_Blue_427173150.png" width="300" /></h1>
<table cellpadding="0" cellspacing="0" style="width:100%; " width="100%">
<tbody>
<tr>
<td><img alt="[EMAIL_TYPE]" height="191" src="[IMAGE]" style="vertical-align:middle; max-width:100%; height:auto" width="545" /></td>
</tr>
</tbody>
</table>
<table cellpadding="0" style="border-radius: 8px 8px 0 0 ; border-collapse:collapse; Margin-left: auto; Margin-right:auto; padding-bottom: 25px; border-top:none; text-align:center;" width="100%">
<tbody>
<tr>
<td style="background:#FFFFFF; border-radius: 0 0 8px 8px; font-family: 'open-sans', arial, sans-serif; font-size: 15px; color: #444444; padding-bottom: 40px; line-height:20px;padding-left:30px; padding-right: 30px; text-align: left">[EMAIL_CONTENT]</td>
</tr>
</tbody>
</table>
<table align="center" style="Margin: 15px auto 0 auto;">
<tbody>
<tr>
<td style="vertical-align: middle; padding-right:10px;padding-top: 10px"><img alt="" height="40" src="[SCHOOL_APP_LOGO]" style=" vertical-align:middle; margin-right: 7px; height:auto; " width="40" /></td>
<td style="vertical-align: middle; color:#585c63; font-size:15px;font-family: 'open-sans',arial,sans-serif;">[SCHOOL_NAME]</td>
</tr>
<tr>
<td colspan="2" style="line-height:10px; "> </td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="Margin: 0 auto">
<tbody>
<tr>
<td style="padding:20px 0 25px 0"><a href="[SCHOOL_IPHONE_LINK]"><img alt="App Store" height="40" src="http://www.campusgroups.com/newsletters/notifications/images/download_on_the_app_store_badge.png" width="135" /></a></td>
<td style="padding: 20px 0 25px 10px"><a href="[SCHOOL_ANDROID_LINK]"><img alt="Google Play" height="40" src="http://www.campusgroups.com/newsletters/notifications/images/download_on_the_google_play.png" width="115" /></a></td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="opacity:.9; margin:0 auto">
<tbody>
<tr>
<td colspan="4" style="text-align:center; padding-bottom: 15px; font: 14px Tahoma, arial, sans-serif; color: #585c63">Follow us on social</td>
</tr>
<tr>
<td>
<table align="center" style="Margin: 0 auto">
<tbody>
<tr>
<td><a href="https://www.facebook.com/campusgroups" style="color:#055095"><img alt="Facebook" height="28" src="http://campusgroups.com/newsletters/notifications/images/facebook.png" width="28" /></a></td>
<td style="padding: 0 15px"><a href="https://twitter.com/campusgroups" style="color:#055095"><img alt="Twitter" height="28" src="http://campusgroups.com/newsletters/notifications/images/twitter.png" width="28" /></a></td>
<td style="padding-right: 15px"><a href="https://www.linkedin.com/company/novalsys-inc" style="color:#055095"><img alt="LinkedIn" height="28" src="http://campusgroups.com/newsletters/notifications/images/linkedin.png" width="28" /></a></td>
<td><a href="https://www.instagram.com/campusgroups/" style="color:#055095"><img alt="Instagram" height="28" src="https://www.campusgroups.com/upload/all/2016/flyer_image_34747_ico_insta_614122630_614122630.png" width="28" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="4" style="font-family: Arial, sans-serif; text-align:center; font-size: 13px; color:#585c63; line-height: 25px; padding-top: 15px; padding-bottom: 20px; margin: 10px auto">[UNSUBSCRIBE_LINKS]</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Please contact support@campusgroups.com with any questions.