levis/help365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update help elma

Browse Source
This commit is contained in:
koziavin
2025-05-27 21:32:35 +04:00
parent a6b05d6789
commit 898b22bf32
4500 changed files with 89372 additions and 120699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

159
platform/line_chat_history.html
View File

@ -1,20 +1,19 @@
<!DOCTYPE html>
<html lang="ru">
<html lang="en">
<head>
<title>Переписка в Линиях</title>
<title>Live chat messages</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="Виджет отображает историю переписки в сессиях раздела Линии. Он размещается на&nbsp;формах приложений системы и&nbsp;позволяет просматривать чаты с&nbsp;карточек элементов:" />
<meta name="description" content="The&nbsp;Live Chat Messages widget is used to display message history in Live&nbsp;Chats sessions. Placing it on an app form allows viewing chats on app item pages. This feature is used..." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Cправка по Low-code платформе ELMA365" />
<meta property="og:url" content="https://elma365.com/ru/help" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="ELMA365" />
<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" />
@ -24,7 +23,6 @@
<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>
@ -36,16 +34,16 @@
</head>
<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6ETBEC1R9"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'G-M6ETBEC1R9');</script>
<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://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
<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(83179930,'reachGoal','poisk')">
<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">
@ -65,7 +63,7 @@
</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://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a class="project-link" href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li><li><a class="project-link" href="https://elma365.com/ru/help/business_solutions/-elma365-store.html">Бизнес-решения</a></li></ul></span></li><li><a href="https://api.elma365.com/ru/"target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/"target="_blank">SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/" target="_blank">Академия</a></li><li><a href="https://elma365.com/ru/" target="_blank">Сайт ELMA365</a></li></ul>
<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>
@ -80,8 +78,8 @@
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
<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>
@ -94,15 +92,15 @@
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<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>Low-code дизайнер &gt; <a href="interface_settings.html">Создание интерфейсов</a> &gt; Типы виджетов &gt; Виджеты раздела «Линии» / Переписка в Линиях</p>
<p>Low-code designer &gt; <a href="interface_settings.html">Set up interfaces</a> &gt; Widget types &gt; Live chats widgets / Live chat messages</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Переписка в Линиях</span></h1>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Live chat messages</span></h1>
</div>
</header>
@ -111,40 +109,40 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p style="line-height: 1.28; margin: 0 0 11px 0;">Виджет отображает историю переписки в сессиях раздела <a href="chat_lines.html" class="topiclink">Линии</a>. Он размещается на формах приложений системы и позволяет просматривать чаты с карточек элементов:</p>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">The </span><span style="font-family: Inter; font-weight: bold;">Live Chat Messages </span><span style="font-family: Inter;">widget is used to display message history in <a href="chat_lines.html" class="topiclink">Live Chats</a> sessions. Placing it on an app form allows viewing chats on app item pages. This feature is used by:</span></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">операторам и супервизорам линии. Операторы могут вести переписки в назначенных на них сессиях или создавать новые; </li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">пользователям без доступа к разделу <span style="font-weight: bold;">Линии</span>. Для этого группе, в которую включён сотрудник, должен быть предоставлен <a href="create_line.html#read-access" class="topiclink">доступ к сессиям для чтения</a> в настройках линии.</li></ul>
<h2 class="p_Heading2"><a id="settings" class="hmanchor"></a><span class="f_Heading2">Настройка виджета</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Виджет <span style="font-weight: bold;">Переписка в Линиях</span> работает только на формах приложений, в контексте которых присутствует:</p>
<li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">Operators and supervisors. Operators can reply to messages in sessions assigned to them and create new ones.</span></li><li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">Users without access to the </span><span style="font-family: Inter; font-weight: bold;">Live Chats</span><span style="font-family: Inter;"> workspace. If a group that the user belongs is granted the <a href="create_line.html#read-access" class="topiclink">read permission</a> to sessions, they can view them on the pages of other apps.</span></li></ul>
<h2 class="p_Heading2"><span class="f_Heading2">Set up the widget</span></h2>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">The </span><span style="font-family: Inter; font-weight: bold;">Live Chat Messages </span><span style="font-family: Inter;">widget can be used only on forms of apps that have:</span></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">свойство типа <a href="360009707032.html#account" class="topiclink">Учетная запись</a>;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">свойство типа <a href="360009707032.html#app" class="topiclink">Приложение</a>, ссылающееся на приложение с добавленным полем типа <span style="font-weight: bold;">Учетная запись</span>.</li></ul>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Чтобы <span style="background-color: #ffffff;">настроить виджет:&nbsp;</span></p>
<li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">An <a href="360009707032.html#account" class="topiclink">Account</a> type property.</span></li><li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">An <a href="360009707032.html#app" class="topiclink">App</a> type property linked with an app with an </span><span style="font-family: Inter; font-weight: bold;">Account</span><span style="font-family: Inter;"> type field in its context.</span></li></ul>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">To configure the widget:</span></p>
<ol style="list-style-type:upper-roman">
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="background-color: #ffffff;">Перетащите его с правой панели </span><a href="interface_designer.html" class="topiclink">дизайнера интерфейсов</a><span style="background-color: #ffffff;"> на поле для моделирования или нажмите кнопку&nbsp;</span><span style="font-weight: bold;">+ Виджет</span><span style="background-color: #ffffff;">. Подробнее о размещении виджетов на формах приложений читайте в статье&nbsp;</span><a href="360029250931.html" class="topiclink">«Шаблон формы»</a><span style="background-color: #ffffff;">.&nbsp;</span></li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="background-color: #ffffff;">В открывшемся окне на вкладке&nbsp;</span><span style="font-weight: bold; background-color: #ffffff;">Основное</span><span style="background-color: #ffffff;">&nbsp;выберите, какие сессии отображать в виджете:</span></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 36px;"><img alt="live-chat-history-1" width="674" height="328" style="margin:0;width:674px;height:328px;border:none" src="live-chat-history-1.png"/></p>
<li value="1" style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">Drag it from the right-side panel of the <a href="interface_designer.html" class="topiclink">interface designer</a> to the modeling canvas or click the </span><span style="font-family: Inter; font-weight: bold;">+Widget</span><span style="font-family: Inter;"> button. Read more about placing widgets on app forms in the <a href="360029250931.html" class="topiclink">Form templates</a> article.</span></li><li value="2" style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">In the window that opens, configure the widget’s settings.</span></li></ol>
<p style="text-align: justify; text-indent: -24px; line-height: 1.20; margin: 7px 0 16px 48px;"><img alt="line_chat_history-1" width="816" height="288" style="margin:0;width:816px;height:288px;border:none" src="line_chat_history-1.png"/></p>
<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">По учетной записи</span> — отметьте опцию, чтобы находить сессии по учётным записям и показывать переписку из всех линий с определённым клиентом;<ul style="list-style-type:circle">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Поле учетной записи</span> — нажмите <span style="font-weight: bold;">&lt;Выбрать&gt;</span> и укажите свойство типа <a href="360009707032.html#account" class="topiclink">Учетная запись</a> из контекста текущего или связанного с текущим приложений;</li></ul>
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">По элементу приложения</span> — отметьте опцию, чтобы показывать переписки из всех линий по связанному с сессией элементу приложения, например, по привязанной сделке или обращению; &nbsp;<ul style="list-style-type:circle">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Приложение</span> — нажмите <span style="font-weight: bold;">&lt;Выбрать&gt;</span> и укажите<span style="font-weight: bold;"> </span>опцию <span style="font-weight: bold;">Текущий элемент</span>, чтобы отображать переписку по приложению, на форме которого размещаете виджет. Или выберите приложение с полем типа <span style="font-weight: bold;">Учетная запись</span> из контекста текущего.</li></ul></li></ul>
<ol style="list-style-type:upper-roman">
<li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-size: 15px; font-family: Inter;">На вкладках </span><span style="font-size: 15px; font-family: Inter; font-weight: bold;">События</span><span style="font-size: 15px; font-family: Inter;"> и </span><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Системные</span><span style="font-size: 15px; font-family: Inter;"> задайте настройки, одинаковые для всех виджетов. Вы можете управлять видимостью виджета, настраивать его поведение при наведении курсора, задавать стили и т. д. Подробнее читайте в статье </span><span style="font-size: 15px; font-family: Inter; color: #0563c1;"><a href="common_widget_settings.html" class="topiclink">«Системные настройки виджетов»</a></span><span style="font-size: 15px; font-family: Inter;">.</span></li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Сохраните настройки.</li><li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Чтобы виджет стал доступен пользователям, на верхней панели дизайнера интерфейсов нажмите кнопку <span style="font-weight: bold;">Сохранить</span>, а затем <span style="font-weight: bold;">Опубликовать</span>.</li></ol>
<h2 class="p_Heading2"><a id="use-cases" class="hmanchor"></a><span class="f_Heading2">Примеры отображения переписки в виджете</span></h2>
<h3 class="p_Heading3"><span class="f_Heading3">Опция «По учетной записи»</span></h3>
<p class="p_Normal">Предположим, в компании настроено две линии, к которым подключены разные мессенджеры. В настройках обеих линий в качестве приложения <a href="create_line.html#connect_account" class="topiclink">для связи учётной записи</a> указано приложение <a href="360012584960.html" class="topiclink">Контакты</a>. </p>
<p class="p_Normal">Клиент, у которого есть карточка в приложении <span style="font-weight: bold;">Контакты</span>, обратился в обе линии. В ELMA365 создались две сессии. В ходе переписки операторы с помощью кнопки <span style="font-weight: bold;">+ Связать</span> привязывают сессии к контакту. После этого в карточку контакта добавятся учётные записи мессенджеров, с которых в линии пришли сообщения, а имя контакта будет отображаться на правой панели на страницах обеих сессий. Операторы смогут перейти из сессий в карточку контакта и просмотреть информацию о нём. </p>
<p class="p_Normal">Чтобы в карточке контакта отображались переписки из всех сессий с ним, на форме приложения <span style="font-weight: bold;">Контакты</span> создадим отдельную вкладку и разместим на ней виджет <span style="font-weight: bold;">Переписка в Линиях</span>. В его настройках выберем опцию <span style="font-weight: bold;">По учетной записи</span> и укажем поле <span style="font-weight: bold;">Учетные записи</span> из контекста приложения.</p>
<p class="p_Normal">В итоге, в карточке контакта можно увидеть переписку по его обращениям в линии.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="live-chat-history-2" width="1139" height="534" style="margin:0;width:1139px;height:534px;border:none" src="live-chat-history-2.png"/></p>
<h3 class="p_Heading3"><a id="app-item-history" class="hmanchor"></a><span class="f_Heading3">Опция «По элементу приложения»</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Допустим, клиенты из одной компании обратились в линии, в настройках которых в качестве приложения <a href="create_line.html#connect_request" class="topiclink">для фиксации обращения</a> указано приложение <a href="360012680899.html" class="topiclink">Сделки</a>. Операторы привязали к сессиям этих пользователей одну и ту же сделку. </p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Чтобы отобразить все чаты по связанному с сессиями элементу в его карточке, разместим на форме приложения <span style="font-weight: bold;">Сделки</span> виджет <span style="font-weight: bold;">Переписка в Линиях</span>. В его настройках отметим опцию <span style="font-weight: bold;">По элементу приложения</span> и выберем <span style="font-weight: bold;">Текущий элемент</span>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">В итоге, в карточке сделки можно увидеть чаты с клиентами по этой сделке.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="live-chat-history-3" width="793" height="416" style="margin:0;width:793px;height:416px;border:none" src="live-chat-history-3.png"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">Действия с сессиями и чатами в виджете</span></h2>
<p style="margin: 0 0 11px 0;"><span style="font-family: Inter;">После настройки виджета можно:</span></p>
<li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter; font-weight: bold;">By account</span><span style="font-family: Inter;">. Select this option if you want to find sessions linked with the same account and view communications with the same customer from all live chats.</span><ul style="list-style-type:circle">
<li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter; font-weight: bold;">Account field</span><span style="font-family: Inter;">. Click </span><span style="font-family: Inter; font-weight: bold;">&lt;Select&gt;</span><span style="font-family: Inter;"> and specify an <a href="360009707032.html#account" class="topiclink">Account</a> type field from the context of the current app or an app bound with it.</span></li></ul>
<li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter; font-weight: bold;">By app item</span><span style="font-family: Inter;">. Select this option to view communications from all live chats associated with the same deal or request.</span><ul style="list-style-type:circle">
<li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter; font-weight: bold;">App</span><span style="font-family: Inter;">. Click </span><span style="font-family: Inter; font-weight: bold;">&lt;Select&gt;</span><span style="font-family: Inter;">. Choose </span><span style="font-family: Inter; font-weight: bold;">Current item</span><span style="font-family: Inter;"> to display all messages associated with items of the app whose form you are configuring. You can also choose another app with an </span><span style="font-family: Inter; font-weight: bold;">Account</span><span style="font-family: Inter;"> type field from the current app’s context.</span></li></ul></li></ul>
<ol style="list-style-type:upper-roman" start="3">
<li value="3" style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;">On the <span style="font-weight: bold;">Events</span> and <span style="font-weight: bold;">System</span> tabs, set settings that are the same for all widgets. You can control widget visibility, configure its hover behavior, set styles, etc. Read more about it in the <span style="color: #0000ff;"><a href="common_widget_settings.html" class="topiclink">System widget settings</a></span> article.</li><li value="4" style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">Save the settings.</span></li><li value="5" style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">To make the widget available to users, click </span><span style="font-family: Inter; font-weight: bold;">Save</span><span style="font-family: Inter;"> and </span><span style="font-family: Inter; font-weight: bold;">Publish</span><span style="font-family: Inter;"> on the top panel of the interface designer.</span></li></ol>
<h2 class="p_Heading2"><span class="f_Heading2">Examples of displaying live chat messages in a widget</span></h2>
<h3 class="p_Heading3"><span class="f_Heading3">By account</span></h3>
<p style="text-align: justify; line-height: 1.20;"><span style="font-family: Inter;">Let’s say you set up two live chats with different instant messengers connected to them. Both live chats have <a href="360012584960.html" class="topiclink">Contacts</a> as the app specified <a href="create_line.html#connect_account" class="topiclink">for binding accounts</a>.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">A customer registered in the </span><span style="font-family: Inter; font-weight: bold;">Contacts</span><span style="font-family: Inter;"> app sends messages to both live chats. Two separate sessions are created in BRIX. After finding out initial information about the customer, the operators link the sessions with the contact using the </span><span style="font-family: Inter; font-weight: bold;">+Bind</span><span style="font-family: Inter;"> button. After that, the messenger accounts that the customer used to contact your organization are added to the contact’s page. The contact’s name is now displayed on the </span>right-side panel<span style="font-family: Inter;"> of both sessions. Operators can go from sessions to the contact’s page and view information about the customer.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">You want communications with the customer from all sessions to be displayed on the contact’s page. To do that, you can create a separate tab on the view form of the </span><span style="font-family: Inter; font-weight: bold;">Contacts</span><span style="font-family: Inter;"> app and add the </span><span style="font-family: Inter; font-weight: bold;">Live Chat Messages </span><span style="font-family: Inter;">widget to it. In the widget’s settings, select the </span><span style="font-family: Inter; font-weight: bold;">By account</span><span style="font-family: Inter;"> option and choose the </span><span style="font-family: Inter; font-weight: bold;">Accounts</span><span style="font-family: Inter;"> field from the app’s context.</span></p>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">As a result, on the contact's page you can see their live chat messages.</span></p>
<p style="line-height: 1.20;"><img alt="line_chat_history-2" width="891" height="579" style="margin:0;width:891px;height:579px;border:none" src="line_chat_history-2.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">By app item</span></h3>
<p style="line-height: 1.20; margin: 0 0 11px 0;"><span style="font-family: Inter;">Let’s say two customers from the same company message to live chats that have the <a href="360012680899.html" class="topiclink">Deals</a> app selected <a href="create_line.html#connect_request" class="topiclink">for registering requests</a> in the settings. Two separate sessions are created, and operators bind them to the same app item, for example, to one deal.</span></p>
<p style="line-height: 1.20; margin: 0 0 11px 0;"><span style="font-family: Inter;">If you want all conversations associated with the deal to be available on its page, add the </span><span style="font-family: Inter; font-weight: bold;">Live Chat Messages </span><span style="font-family: Inter;">widget to the view form of the </span><span style="font-family: Inter; font-weight: bold;">Deals</span><span style="font-family: Inter;"> app. In its settings, select the </span><span style="font-family: Inter; font-weight: bold;">By app item</span><span style="font-family: Inter;"> option and choose </span><span style="font-family: Inter; font-weight: bold;">Current item</span><span style="font-family: Inter;">.</span></p>
<p style="line-height: 1.20; margin: 0 0 11px 0;"><span style="font-family: Inter;">As a result, you can see chats with customers on the deal page.</span></p>
<p style="line-height: 1.20; margin: 0 0 11px 0;"><img alt="line_chat_history-3" width="861" height="576" style="margin:0;width:861px;height:576px;border:none" src="line_chat_history-3.png"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">Actions with sessions and chats in the widget</span></h2>
<p style="line-height: 1.20; margin: 7px 0 16px 0;"><span style="font-family: Inter;">After customizing the widget, you can:</span></p>
<ol style="list-style-type:decimal">
<li value="1" style="margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">На левой панели увидеть список активных сессий клиентов, которые операторы привязали к элементу приложения. Сообщения в них смогут просматривать операторы и супервизоры линии, а также пользователи, у которых есть </span><span style="font-family: Inter; color: #0000ff;"><a href="create_line.html#read-access" class="topiclink">доступ к сессиям для чтения</a></span><span style="font-family: Inter;">. Операторы смогут отвечать на сообщения клиентов в назначенных на них сессиях.</span></li><li value="2" style="margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">В окне чата отображаются сообщения из выбранной слева сессии. Если клиент обратился в линию повторно через тот же канал связи, над сообщениями текущей сессии также отобразится более ранняя переписка. Например, клиент ранее связывался с техподдержкой компании через электронную почту. После решения проблемы оператор закрыл сессию. Если клиент снова пишет на электронный адрес, сообщения из предыдущего обращения отобразятся в виджете над сообщениями из текущей сессии. Обратите внимание, предыдущие сообщения определяются по каналу связи в рамках линии, поэтому более ранняя переписка отображается, даже если закрытая сессия не привязана к данному элементу приложения.</span></li><li value="3" style="margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Ознакомиться с сообщениями из всех закрытых сессий, связанных с элементом. Для этого в левом меню нажмите </span><span style="font-family: Inter; font-weight: bold;">Архив</span><span style="font-family: Inter;">.</span></li><li value="4" style="margin-top: 0; margin-right: 0; margin-bottom: 11px;">Операторы и супервизоры могут создать из виджета новую сессию. Для этого нужно нажать <span style="font-weight: bold;">+ Новая сессия</span>, затем в открывшемся окне выбрать линию, контакт и его учётную запись.</li><li value="5" style="margin-top: 0; margin-right: 0; margin-bottom: 11px;">Скрыть или отобразить системные оповещения в чате, такие как применённое правило маршрутизации, переназначение оператора и т. д. Для этого на верхней панели справа от названия сессии нажмите значок три точки и установите нужное значение.</li></ol>
<li value="1" style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">On the left </span>side of<span style="font-family: Inter;"> the widget, see a list of active sessions, which operators have linked to the app item. Operators and live chat supervisors, as well as users with <a href="create_line.html#read-access" class="topiclink">read permission to the sessions</a>, can view the messages. Operators will be able to respond to messages in the sessions assigned to them directly in the widget.</span></li><li value="2" style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">In the chat window, view messages from the session selected on the left. If the customer has contacted the live chat again through the same communication channel, earlier correspondence will also be displayed above the messages from the current session. For example, the customer previously contacted the company</span>’<span style="font-family: Inter;">s technical support via email. After resolving the issue, the operator closed the session. If the client writes to the email address again, messages from the previous inquiry will appear in the widget above the messages from the current session. Note that previous messages are identified by the communication channel within the live chat, so earlier correspondence is displayed even if the closed session is not linked to this specific app item.</span></li><li value="3" style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">View messages from all closed sessions related to the item by clicking on </span><span style="font-family: Inter; font-weight: bold;">Archive</span><span style="font-family: Inter;"> in the menu on the left.</span></li><li value="4" style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">Operators and supervisors can use the widget to create new sessions. To do that, click </span><span style="font-family: Inter; font-weight: bold;">+New Session</span><span style="font-family: Inter;">. In the window that opens, select the live chat, the contact, and the account.</span></li><li value="5" style="line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><span style="font-family: Inter;">Hide or display system messages in chat, such as routing rule applied, operator reassignment, etc. To do this, in the upper panel to the right of the session name, click the three dots icon and set the desired value.</span></li></ol>
<div class="bottom-nav">
@ -161,7 +159,7 @@
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback-wrap"><div class="feedback" id="feedback"><span><b>Была ли статья полезной?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx">Спасибо за ваш отзыв!</div><div id="feedback-success-popup"><div class="wrap"><button type="button" class="feedback-popup-close">×</button><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_212_2187)"><path d="M22 0.6875C10.2294 0.6875 0.6875 10.2294 0.6875 22C0.6875 33.7706 10.2294 43.3125 22 43.3125C33.7706 43.3125 43.3125 33.7706 43.3125 22C43.3125 10.2294 33.7706 0.6875 22 0.6875ZM22 40.5625C11.8023 40.5625 3.4375 32.3078 3.4375 22C3.4375 11.8024 11.6922 3.4375 22 3.4375C32.1977 3.4375 40.5625 11.6922 40.5625 22C40.5625 32.1976 32.3078 40.5625 22 40.5625ZM34.1713 16.933L18.6613 32.3186C18.257 32.7197 17.604 32.7171 17.203 32.3128L9.82283 24.873C9.42176 24.4686 9.42434 23.8157 9.82867 23.4146L10.5609 22.6884C10.9652 22.2873 11.6181 22.2899 12.0192 22.6942L17.9468 28.6697L31.9926 14.7366C32.3969 14.3356 33.0498 14.3382 33.4509 14.7425L34.1772 15.4747C34.5783 15.879 34.5757 16.532 34.1713 16.933Z" fill="#27AE60"></path></g><defs><clipPath id="clip0_212_2187"><rect width="44" height="44" fill="white"></rect></clipPath></defs></svg><p>Ваш отзыв успешно отправлен!</p><span>Спасибо за обратную связь.</span></div></div><div class="feedback__popup" id="feedback__popup_why"><button type="button" class="feedback-popup-close">×</button><div class="feedback__popup-header">Уточните, почему:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Рекомендации не помогли</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Текст трудно понять</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Нет ответа на мой вопрос</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Содержание статьи не соответствует заголовку</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Другая причина</label></div><div class="feedback__popup" id="feedback__popup-other"><button type="button" class="feedback-popup-close">×</button> <div class="feedback__popup-header">Расскажите, что вам не понравилось в статье:</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Отправить"></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"/><span class="feedback-form__btn-group_yes-btn">Да</span></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg"/><span class="feedback-form__btn-group_no-btn">Нет</span></label></div><select name="category"><option disabled>Выберите вариант</option><option value="bad_recommendation" selected>Рекомендации не помогли</option><option value="difficult_text">Текст трудно понять</option><option value="no_answer">Нет ответа на мой вопрос</option><option value="bad_header">Содержание статьи не соответствует заголовку</option><option value="other_reason">Другая причина</option></select><input type="submit"></form></div></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>
@ -169,7 +167,7 @@
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">В этой статье</h3>
<h3 class="h3-toc">In this topic</h3>
<nav id="toc2"></nav>
</div>
</aside>
@ -180,63 +178,30 @@
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://api.elma365.com/ru/" target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/" target="_blank">TS SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/elma365" target="_blank">Академия</a></li></ul><ul class="footer-mobile__list"><li><a href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li></ul>
<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="container">
<div class="footer-wrap">
<div><span class="mobile-question-popup">Отправить фидбэк</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Задать вопрос</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Отправить"></div></form><div class="hidden fade-in question-success-xs">Ваш фидбэк отправлен.</div></div>
<div class="footer-flex-b">
<div class="footer-top">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</div>
<div class="footer-line">
<div class="footer-line-copy">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
</div>
<ul class="footer-list">
<li class="footer-item"><a href="https://elma365.com/ru/" target="_blank" class="footer-link" style="color: #0D4A75;"><img src="browse.svg" alt="browse icon" class="footer-img">elma365.com</a></li><li class="footer-item"><a href="https://www.youtube.com/user/ELMABPM" target="_blank" class="footer-link"><img src="yt.svg" alt="youtube icon" class="footer-img"></a></li><li class="footer-item"><a href="https://vk.com/elma_bpm" target="_blank" class="footer-link"><img src="vk.svg" alt="vk icon" class="footer-img"></a></li><li class="footer-item"><a href="https://t.me/elmaday" target="_blank" class="footer-link"><img src="tg.svg" alt="telegram icon" class="footer-img"></a></li><li class="footer-item"><a href="https://dzen.ru/elma" target="_blank" class="footer-link"><img src="dzen.svg" alt="dzen icon" class="footer-img"></a></li>
<li class="footer-item">
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</li>
</ul>
</div>
</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>
<a href="#" class="arrow-top"></a>
</div>
</footer>
<!-- <script type="text/javascript" src="jquery1.min.js"></script>-->
<iframe name="hmnavigation" style="display:none!important"></iframe>
<!--<script src="./jquery-ui.js"></script> -->
<script src="./jquery-ui.min.js"></script>
<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>