MetaLocator’s crowdsourcing features send automated notification emails when end-users submit updates, corrections, or feedback regarding locations. These emails can be fully customized using the User Notification Template, found in the Interface Builder. This article explains how to access and update this template.
1. Access the User Notification Template
Log in to MetaLocator.
Navigate to Interfaces from the main navigation.
Click the interface to edit.
In the left menu, click Lead Generation.
Click More Features.
Locate the setting User Notification Template.
This field contains the HTML for the notification email sent to end-users after submitting a crowdsourcing form.
2. Update the Email Content
The User Notification Template supports:
Custom HTML
Inline CSS
MetaLocator template variables such as:
{{subject}}— email subject line (LOCATOR_CLAIM_EMAIL_ACCESS_APPROVED_SUBJECT){{body}}— main email body content(LOCATOR_CLAIM_EMAIL_ACCESS_APPROVED_BODY)
{{cta}}— text for the primary button(LOCATOR_CLAIM_EMAIL_ACCESS_APPROVED_CTA)
To modify the email:
Paste the desired HTML template into the User Notification Template field.
Replace text within
{{ }}variables as needed in the language files.Save the interface.
Changes take effect immediately for all future crowdsourcing notifications.
3. Example Template (Brand-Neutral, Ready for Use)
User Notification Template
<!doctype html>
<html>
<head><meta name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>User Notification</title>
<style type="text/css">
@media only screen and (max-width: 620px) {
table[class=body] h1 {
font-size: 28px !important;
margin-bottom: 10px !important;
}
table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
font-size: 16px !important;
}
table[class=body] .wrapper,
table[class=body] .article {
padding: 10px !important;
}
table[class=body] .content {
padding: 0 !important;
}
table[class=body] .container {
padding: 0 !important;
width: 100% !important;
}
table[class=body] .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important;
}
table[class=body] .btn table {
width: 100% !important;
}
table[class=body] .btn a {
width: 100% !important;
}
table[class=body] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important;
}
}
@media all {
.ExternalClass { width: 100%; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font,
.ExternalClass td, .ExternalClass div { line-height: 100%; }
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
#MessageViewBody a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
table[class=body] .body_content span,
table[class=body] .body_content blockquote {
background-color:#ECECEC;
padding:20px;
display:block;
}
table[class=body] .body_content span a {
color: #191919 !important;
text-decoration:underline;
}
}
</style>
</head>
<body style="background-color: #EFEFEF; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0;">
<table class="body" width="100%" style="background-color: #EFEFEF;">
<tr>
<td></td>
<td class="container" style="max-width: 800px; margin: 0 auto; padding: 10px;">
<div class="content" style="padding: 10px;">
<span class="preheader" style="display:none;visibility:hidden;">{{subject}}</span>
<table class="main" width="100%" style="background: #ffffff; border-radius: 3px;">
<tr>
<td class="wrapper" style="padding: 50px;">
<table width="100%">
<tr>
<td style="font-size: 16px;">
<p style="width:200px;"><img src="https://via.placeholder.com/200x60?text=Logo" alt="Logo" style="display:block;width:100%;height:auto;"></p>
<p class="body_content" style="font-size:16px; margin-bottom:20px;">
{{body}}
</p>
<table class="btn btn-primary" style="width:100%; margin-top:30px;">
<tr>
<td align="left" style="padding-bottom: 15px;">
<table>
<tr>
<td style="background-color: #444; padding: 12px 25px;">
<a href="{{link}}" target="_blank" style="color:#fff; font-size:18px; text-decoration:none;">
{{cta}}
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div class="footer" style="text-align:center; padding:10px;">
<p style="font-size:16px; color:#191919;">
This is a system-generated email. Please do not reply.
</p>
</div>
</body>
</html>
4. Recommended Customizations
Replace the placeholder logo with a brand-appropriate logo URL.
Adjust colors to match brand guidelines (buttons, backgrounds, text).
Customize CTA text such as “Manage Profile” ex. LOCATOR_CLAIM_EMAIL_ACCESS_APPROVED_CTA
Add legal or compliance language to the footer if needed.