> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.metalocator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Branding External Crowdsourcing Notification Emails

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

1. Log in to MetaLocator.
2. Navigate to **Interfaces** from the main navigation.
3. Click the interface to edit.
4. In the left menu, click **Lead Generation**.
5. Click **More Features**.
6. 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:

1. Paste the desired HTML template into the **User Notification Template** field.
2. Replace text within `{{ }}` variables as needed in the language files.
3. Save the interface.

Changes take effect immediately for all future crowdsourcing notifications.

---

## 3. Example Template (Brand-Neutral, Ready for Use)

[![](https://storage.crisp.chat/users/helpdesk/website/-/d/a/8/c/da8c70b676a3a000/23e0ac51-4564-461d-a517-2a64d8_b2u7lp.png)](https://downloads.intercomcdn.com/i/o/yn1vvwtq/1841093908/563bee1874688fe3340ba4aafbe6/image.png?expires=1794512700&signature=03b9617118dd587a319fdb4a92d58781e255a3308c849bf9950319db26d4d5c4&req=dSgjF8l3nohfUfMW1HO4zRUvWxnHPE0VIpDTMse9PcoGnwehXffnCjlheRI1%0A2lj2LTBHUkePxjfYohY%3D%0A)

## 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.

---

## 5. Related Articles

* [Crowdsourcing Overview](https://support.metalocator.com/en/articles/4616875-crowdsourcing)
* [Lead and Notification Settings](https://support.metalocator.com/en/articles/12109036-customizing-lead-emails-in-metalocator)
* [Managing Language Files](https://Managing%20translations%20in%20bulk)