Files
help365/platform/email-settings.html
koziavin 00717a92fb
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m6s
update
2025-05-29 16:42:45 +04:00

260 lines
26 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Email settings</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<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">
<meta name="description" content="Connect corporate email so that users can receive emails on behalf of the company about new tasks or business processes." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Full documentation for BRIX365 platform. Low-code developer guide. User guide. Admin guide. Developer guide." />
<meta property="og:url" content="https://brix365.com/en/help" />
<meta property="og:image" content="" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./jquery-ui.min.css" />
<link rel="stylesheet" href="default.css" />
<link rel="stylesheet" href="./search-yandex.css" />
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
<script type="text/javascript" src="highlight.js"></script>
<script type="text/javascript">
$(document).ready(function(){highlight();});
</script>
</head>
<body>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
</label>
<input class="search-form__submit" type="submit" value="Submit">
</form>
</div> -->
<div class="hero__search-form" id="search-panel"> <form class="search-form"> <label class="search-form__label"> <span id="reset-search" class="search__icon"></span> <input class="search-form__input" type="text"> </label> <input class="search-form__submit" type="submit" value="Submit"> </form> </div>
<div class="hero__search">
<a href="#" id="search-icon" class="hero__search-icon">
<img src="search-icon-white.svg" alt="search string">
</a>
<a href="#" id="side-menu-icon" class="hero__side-icon">
<img src="side_menu.svg" alt="side menu">
</a>
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a class="project-link" href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://brix365.com/en/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li><li><a class="project-link" href="https://brix365.com/en/help/business_solutions/-elma365-store.html">Business Solutions</a></li></ul></span></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li><li><a href="https://tssdk.brix365.com/" target="_blank">SDK</a></li></ul>
</div>
</div>
</header>
<main class="main container">
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
<div class="sidebar__wrapper" id="side-menu">
</div>
</aside>
<article class="article" id="article">
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>System settings / Email settings</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Email settings</span></h1>
</div>
</header>
<section class="article__content">
<div class="scroll-top-inner">
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">Connect corporate email so that users can receive emails on behalf of the company about new tasks or business processes.</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">Please note, that sending invitations to new users and password recovery emails is configured separately.</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">You can configure the sending messages with any content in business processes using the <a href="360011443400.html" class="topiclink">Email Notification</a> activity.</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">Moreover, in their <a href="360016398552.html#task-alerts" class="topiclink">profiles</a> users can enable email notifications about new approval tasks and make it possible to approve and reject files directly from emails.</span></p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">Please note that in BRIX On-Premises you have to additionally set up sending out invites to new users and password recovery emails. To do that, <a href="email-settings.html#enable-smtp-server" class="topiclink">edit the configuration file</a>.</span></p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало&nbsp;внимание</span></p>
<p style="line-height: 1.20; margin: 19px 0 0 0;">Only users included in the <a href="360006871932.html" class="topiclink">Administrators</a> group can manage email settings. </p>
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец&nbsp;внимание</span>&nbsp;</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><span style="font-size: 15px; color: #394149;">To configure email settings, do the following:</span></p>
<ol style="list-style-type:upper-roman">
<li value="1" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-size: 15px; color: #394149;">Go to </span><span style="font-weight: bold; color: #394149;">Administration &gt; System Settings &gt; Email Settings</span><span style="font-size: 15px; color: #394149;">.</span></li></ol>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="email_stngs_1" width="877" height="557" style="margin:0;width:877px;height:557px;border:none" src="email_stngs_1.png"/></p>
<ol style="list-style-type:upper-roman" start="2">
<li value="2" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">In the <span style="font-weight: bold;">Service</span> field, select one of the available mailing services:</li></ol>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">gmail.com</span></li><li style="line-height: 1.20;"><span style="font-weight: bold;">yahoo.com</span></li><li style="line-height: 1.20;"><span style="font-weight: bold;">outlook.com</span></li><li style="line-height: 1.20;"><span style="font-weight: bold;">office365.com</span></li><li style="line-height: 1.20;"><span style="font-weight: bold;">Other</span>. Enter the address of your SMTP server. . You can configure only one SMTP server at a tim. Specify the outgoing emails protocol parameters and the port to use: <span style="font-size: 15px; font-family: Inter; color: #394149;">25, 465, or 587. You can also enable additional options:</span><ul style="list-style-type:circle">
<li style="line-height: 1.20;"><span style="font-weight: bold;">Send from Reply-to address</span>. Allows you to change the default sender address for emails sent using the <span style="font-weight: bold;">Email Notification</span> block. If the field with the senders email is not filled in the <a href="360011443400.html#sender-address" class="topiclink">settings of this block</a>, the value you specify below in the <span style="font-weight: bold;">Login</span><span style="font-weight: bold; color: #ff0000;">*</span> field will be applied. To apply another address instead of this default address, enable the <span style="font-weight: bold;">Send from Replyto address</span> option and fill in the <span style="font-weight: bold;">Default reply address</span> field that appears below. Then the value of this field will be used if the senders address is not specified in the block settings.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">Use TLS</span>. Check this box if the mailing service <span style="font-size: 15px; font-family: Inter;">transfers data via an encrypted connection.</span></li></ul></li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="email-settings-2" width="876" height="468" style="margin:0;width:876px;height:468px;border:none" src="email-settings-2.png"/></p>
<ol style="list-style-type:upper-roman" start="3">
<li value="3" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">In the <span style="font-weight: bold;">Login</span><span style="font-weight: bold; color: #ff0000;">*</span> field, specify the corporate email address that messages will be sent from. Then enter the password for this email. Also, the value of the <span style="font-weight: bold;">Login</span><span style="font-weight: bold; color: #ff0000;">*</span> field is used as the default senders address for emails sent using the <a href="360011443400.html#sender-address" class="topiclink">Email Notification</a> block.</li><li value="4" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">The <span style="font-size: 15px; font-family: Inter; color: #394149;">gmail.com, yahoo.com, outlook.com, and office365.com</span> mailing services require two-step authentication and an app password:</li></ol>
<ul style="list-style-type:disc">
<li style="line-height: 1.20;"><span style="font-weight: bold;">gmail.com</span>. In the account settings, enable two-step authentication. Then <a href="https://myaccount.google.com/u/0/security" target="_blank" class="weblink">create an app password</a>. Read more in the <a href="https://support.google.com/accounts/answer/185833?hl=en" target="_blank" class="weblink">official Google documentation</a>.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">yahoo.com</span>. In the <a href="https://login.yahoo.com/account/security" class="weblink">account settings</a>, create an app password and use it to establish connection.</li><li style="line-height: 1.20;"><span style="font-weight: bold;">outlook.com</span> and <span style="font-weight: bold;">office365.com</span>. Go to <a href="https://account.microsoft.com/security/" class="weblink">advanced security options</a> and enable two-step verification, then go to <span style="font-weight: bold;">App passwords</span> and create a new password. Read more about the settings in the <a href="https://support.microsoft.com/en-us/account-billing/manage-app-passwords-for-two-step-verification-d6dc8c6d-4bf7-4851-ad95-6d07799387e9" target="_blank" class="weblink">official Microsoft documentation</a>.</li></ul>
<p class="p_Normal" style="line-height: 1.20;">The table below lists possible errors that may appear when checking the connection if additional verification is disabled.</p>
<p class="p_Normal"><a class="dropdown-toggle" style="font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A1')">Possible errors</a></p>
<div id="TOGGLE0186A1" class="dropdown-toggle-body" style="text-align: left; text-indent: 0; padding: 0 0 0 0; margin: 0 0 0 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; padding:0; border:none"><div style="text-align: left; text-indent: 0; padding: 0 0 0 0; margin: 14px 0 0 0;"><table style="width:695px; border:solid thin #a0a0a0; border-spacing:2px;">
<tr>
<td style="vertical-align:middle; width:442px; height:22px; padding:1px; border:solid thin #a0a0a0;"><p style="text-align: center; line-height: 1.20; margin: 0 0 0 15px;"><span style="font-weight: bold;">Possible errors</span></p>
</td>
<td style="vertical-align:middle; width:230px; height:22px; padding:1px; border:solid thin #a0a0a0;"><p style="text-align: center; line-height: 1.20;"><span style="font-weight: bold;">Solution</span></p>
</td>
</tr>
<tr>
<td colspan="2" style="vertical-align:middle; width:683px; height:17px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20; margin: 0 0 0 9px;"><span style="font-weight: bold;">gmail.com</span></p>
</td>
</tr>
<tr>
<td style="vertical-align:middle; width:442px; height:312px; padding:1px; border:solid thin #a0a0a0;"><p class="p_Normal" style="line-height: 1.20; margin: 0 0 0 12px;">[1] org.apache.commons.mail.EmailException: Sending the email to the following server failed : smtp.Gmail.com:587</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 12px;">[2] 535-5.7.8 Username and Password not accepted. Learn more at 535 5.7.8 https://support.google.com/mail/?p=BadCredentials c21sm18730030qkm.8 - gsmtp</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 13px;">[3] 530 5.7.0 Must issue a STARTTLS command first. x14sm29391461qtc.44 - gsmtp</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 13px;">[4] 534-5.7.14 Please log in via your web browser and 534-5.7.14 then try again. 534-5.7.14 Learn more at 534 5.7.14 https://support.google.com/mail/answer/78754 hw7sm51688135pac.12 - gsmtp</p>
</td>
<td style="vertical-align:middle; width:230px; height:312px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20;">&nbsp;</p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"> In the account settings, enable two-step authentication, <a href="https://myaccount.google.com/u/0/security" target="_blank" class="weblink">create an app password</a>, and use it to establish connection.</p>
<p style="line-height: 1.20; margin: 14px 0 0 0;">&nbsp;</p>
</td>
</tr>
<tr>
<td colspan="2" style="vertical-align:middle; width:683px; height:22px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20; margin: 0 0 0 9px;"><span style="font-weight: bold;">yahoo.com</span></p>
</td>
</tr>
<tr>
<td style="vertical-align:middle; width:442px; height:116px; padding:1px; border:solid thin #a0a0a0;"><p class="p_Normal" style="line-height: 1.20; margin: 0 0 0 11px;">[1] Sending the email to the following server failed : smtp.mail.yahoo.com:587</p>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 11px;">[2] 535 5.7.0 (#AUTH005) Too many bad auth attempts.</p>
</td>
<td style="vertical-align:middle; width:230px; height:116px; padding:1px; border:solid thin #a0a0a0;"><p class="p_Normal" style="line-height: 1.20; margin: 0 0 0 8px;">Go to <a href="https://login.yahoo.com/account/security" class="weblink">account settings</a>, create an app password, and use it to establish connection.</p>
</td>
</tr>
<tr>
<td colspan="2" style="vertical-align:middle; width:683px; height:22px; padding:1px; border:solid thin #a0a0a0;"><p style="line-height: 1.20;"> <span style="font-weight: bold;">Outlook</span> <span style="font-weight: bold;">and Office365</span></p>
</td>
</tr>
<tr>
<td colspan="2" style="vertical-align:middle; width:683px; height:65px; padding:1px; border:solid thin #a0a0a0;"><p class="p_Normal" style="line-height: 1.20; margin: 0 0 0 6px;">Go to <a href="https://account.microsoft.com/security/" class="weblink">advanced security options</a>, enable two-step verification, then go to <span style="font-weight: bold;">App passwords</span> and create a new password.</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<ol style="list-style-type:upper-roman" start="5">
<li value="5" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">Save the settings and make sure the connection has been successfully established. To do that, click <span style="font-weight: bold;">Test Connection</span>. Note that the message for confirming your details will be sent to the email specified in your user profile, not to the address that you have entered as the <span style="font-weight: bold;">Login</span><span style="font-weight: bold; color: #ff0000;">*</span>.</li><li value="6" class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><a id="enable-smtp-server" class="hmanchor"></a>In BRIX On-Premises, additionally configure the connection to the SMTP server. It will be used for sending invitations to new users, password recovery, and sending notifications about new tasks. To configure, follow these steps:</li></ol>
<ul style="list-style-type:disc">
<li class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">In On-Premises Standard, set the connection parameters to the SMTP server in the <code><b>config-elma365.txt</b></code> file and update the system. For more details, read the article <a href="change-elma365standard-parameters.html#connect_smtp" class="topiclink">Modify BRIX Standard parameters</a>.</li><li class="p_Normal" style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">In On-Premises Enterprise, set the connection parameters to the SMTP server in the <code><b>values-elma365.yaml</b></code> file and update the system. For more details, read the article <a href="change-settings-enterprise.html#connect-smtp-server" class="topiclink">Modify BRIX Enterprise parameters</a>.</li></ul>
<p class="p_Normal" style="line-height: 1.20; margin: 14px 0 0 0;">&nbsp;</p>
<div class="bottom-nav">
<a id="prev-link" class="topic__navi_prev" href="messages-settings.html">
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
class="bottom-nav__link">messages-settings.html</span>
</a>
<a id="next-link" class="topic__navi_next" href="360004890291.html">
<span class="bottom-nav__link">360004890291.html</span> <span
class="bottom-nav__arrow bottom-nav__arrow--next"></span>
</a>
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback" id="feedback"><div class="feedback-help"><span><b>Was this helpful?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx" style="display: none;">Thanks for your feedback!</div><div class="feedback__popup" id="feedback__popup_why" style="display: none;"><div class="feedback__popup-header">Please specify why:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Recommendations did not help me</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Article is hard to understand</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Didn`t answer my question</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Content does not match the topic</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Other</label></div><div class="feedback__popup" id="feedback__popup-other" style="display: none;"><div class="feedback__popup-header">How we can improve it?</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Submit"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg" class="small-img" alt="like"><spanclass="feedback-form__btn-group_yes-btn">Yes</spanclass="feedback-form__btn-group_yes-btn"></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg" class="small-img" alt="dislike"><spanclass="feedback-form__btn-group_no-btn">No</spanclass="feedback-form__btn-group_no-btn"></label></div><select name="category"><option disabled="">Please specify why</option><option value="bad_recommendation" selected="">Recommendations did not help me</option><option value="difficult_text">Article is hard to understand</option><option value="no_answer">Didn`t answer my question</option><option value="bad_header">Content does not match the topic</option><option value="other_reason">Other</option></select><input type="submit"></form></div><div class="found_typo"><p style="margin: 0px; margin-top: 16px !important;"><span><b>Found a typo?</b></span> Select it and press <i>Ctrl+Enter</i> to send us feedback</p></div></div>
</section>
</div>
<aside class="article__sidebar" style="display:none">
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">In this topic</h3>
<nav id="toc2"></nav>
</div>
</aside>
</div>
</article>
</main>
<footer class="footer">
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://brix365.com/en/" target="_blank">BRIX</a></li><li><a href="https://tssdk.brix365.com/en/latest/" target="_blank">SDK</a></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li></ul><ul class="footer-mobile__list"><li><a href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li></ul>
</div>
<div class="footer-wrap">
<div><span class="mobile-question-popup">Send feedback</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Ask a question</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Send"></div></form><div class="hidden fade-in question-success-xs">Sent</div></div>
<div class="footer-flex-b">
<span class="footer-copy">&copy; 2025 BRIX</span>
<ul class="footer-list">
<li class="footer-item">
<a href="#" class="arrow-top" style="display: block;"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<iframe name="hmnavigation" style="display:none!important"></iframe>
<script src="./jquery-ui.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>
<script src="./google-search.js"></script>
<script src="./main.js"></script>
<script type="text/javascript">
HMInitToggle('TOGGLE0186A1','hm.type','dropdown','hm.state','0');
</script>
</body>
</html>