# Email

In this subsection, you can manage HTML email templates that are used to notify clients and [Back Office users](/back-office-guide/system/users.md) about specific event types.

## Template types

On this page, you can manage the types of events about which clients and Back Office users can be notified by email.

### General information

The following information is provided about each event type:

**Name**

The event type name.

***

**Caption**

The event type description.

***

**Enabled**

If **Yes**, an event type is enabled for triggering event notifications; otherwise, **No**.

To view the template type details, click the **Edit** button.

### Details

On the details page, you can edit the **Name** and **Caption** fields, as well as enable or disable the template type.

In addition, you can return the HTML templates related to the selected template type to their default configurations. To do this, click the **Actions** button displayed in the upper-right page corner, and then select **Reset templates** in the dropdown. After that, the HTML email templates, which are listed on the [Templates](#templates) page, are reset to defaults.

## Templates

On this page, you can manage HTML email templates that are used to deliver notifications about occurred events to clients and Back Office users.

### General information

The following information is provided about each template:

**Type**

The [email template type](/back-office-guide/references/email-template-types.md).

***

**Locale**

The language of an email template.

***

**Subject**

The subject of an email template.

***

**Enabled**

If **Yes**, an email template is enabled and can be used to deliver notifications; otherwise, **No**.

To view the template details, click the **Edit** button.

### Details

In the **Template** window, you can view or edit the HTML code of a template.

The parameters, such as text color or company name, that are defined in the [Key-value storage](/back-office-guide/system/key-storage.md) can be inserted in email templates. When an email notification is sent to a client or Back Office user, such parameters are replaced with the values that are specified for them in the storage.

To render the HTML code and view how a template will look in an email, click the **Preview** button.

{% hint style="info" %}
If the template is enabled, it can be saved only after it is successfully rendered and displayed in the preview area.
{% endhint %}

### Example

The following is an example of an HTML code for an email template:

<details>

<summary>View example</summary>

```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin: 0">

<table cellpadding="0" cellspacing="0" border="0" width="100%"
       style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:#{{ body_bg }};bgcolor:#{{ body_bg }};">
    <tbody>
    <tr>
        <td align="center" valign="top">
            <table cellpadding="0" cellspacing="0" border="0" width="100%"
                   style="border-collapse:collapse;max-width:620px;">
                <tbody>
                <tr>
                    <td width="10" style="width:10px">&nbsp;</td>
                    <td align="center" valign="top">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%"
                               style="border-collapse:collapse;max-width:600px;">
                            <tbody>
                            <tr>
                                <td height="20" style="height:20px;line-height:20px">&nbsp;</td>
                            </tr>
                            <tr>
                                <td align="left" valign="top">
                                    <img src="{{ logo_url }}" width="{{ logo_width }}" height="{{ logo_height }}" alt="{{ company_name }}"
                                         title="{{ company_name }}">
                                </td>
                            </tr>
                            <tr>
                                <td height="20" style="height:20px;line-height:20px">&nbsp;</td>
                            </tr>
                            <tr>
                                <td>
                                    <table cellpadding="0" cellspacing="0" border="0" width="100%"
                                           style="max-width: 600px; border-radius: 8px; background-color:#{{ content_bg }};bgcolor:#{{ content_bg }};">
                                        <tbody>
                                        <tr>
                                            <td height="30px" style="height: 30px;line-height: 30px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                            <td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:22px;line-height:28px;color:#{{ title_color }};"
                                                align="left" valign="top">
                                                <b>
                                                    {% if entity.info.givenName != "" %}
                                                    Dear {{ entity.info.givenName }},

                                                    {% else %}
                                                    Dear client!

                                                    {% endif %}
                                                </b>
                                            </td>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td height="25px" style="height: 25px;line-height: 25px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                            <td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:17px;line-height:28px;color:#{{ text_color }};">
                                                <b>We have received a new deposit, which is being processed!</b>
                                            </td>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td height="30px" style="height: 30px;line-height: 30px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                            <td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:15px;line-height:28px;color:#{{ text_color }};">
                                                {{ application.resolution.localizedMessage }}
                                            </td>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td height="10px" style="height:10px;line-height:10px">&nbsp;</td>
                            </tr>
                            <tr>
                                <td>
                                    <table cellpadding="0" cellspacing="0" border="0" width="100%"
                                           style="max-width:600px;background:#{{ content_bg }};bgcolor:#{{ content_bg }};border-radius:8px;">
                                        <tbody>
                                        <tr>
                                            <td height="30px" style="height: 30px;line-height: 30px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                            <td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:17px;line-height:28px;color:#{{ text_color }};">
                                                <b>Account No</b>: {{ account.account_id }} ({{ account.currency.getAlphaCode() }})<br>
                                                <b>Amount</b>: {{ amount }} {{ payment.currency.getAlphaCode() }}<br>
                                                <b>Deposit method</b>: {{ method.localizedCaption }}<br>
                                            </td>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td height="25px" style="height: 25px;line-height: 25px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                            <td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:17px;line-height:28px;color:#{{ text_color }}">
                                                Kind regards,<br>
                                                <b>Support team</b>
                                            </td>
                                            <td width="30" style="width:30px">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td height="25px" style="height: 25px;line-height: 25px">&nbsp;</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td height="15px" style="height:15px;line-height:15px">&nbsp;</td>
                            </tr>
                            <tr>
                                <td>
                                    <table cellpadding="0" cellspacing="0" border="0" width="100%"
                                           style="max-width: 600px;text-align: left;">
                                        <tbody>
                                        <tr>
                                            <td style="font-family:Helvetica Neue,Helvetica,Lucida Grande,tahoma,verdana,arial,sans-serif;font-size:13px;line-height:21px;color:#{{ footer_text_color }}">
                                                Need help? If you have any questions please contact us at
                                                <a href="mailto:{{ support_email }}" target="_blank" title="{{ support_email }}"
                                                   style="color:#{{ accent_color }}; text-decoration: none;">
                                                    {{ support_email }}
                                                </a><br>
                                                You are receiving this email because you are a registered member of {{ company_name }}.
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td height="15px" style="height:15px;line-height:15px">&nbsp;</td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                    <td width="10" style="width:10px">&nbsp;</td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>
```

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.b2core.b2broker.com/back-office-guide/system/templates/email.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
