282 lines
43 KiB
HTML
282 lines
43 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<title>Создать LiveChat для сайта</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="LiveChat — это онлайн-чат для общения с клиентами. При активированном решении ELMA365 Service вы можете настроить LiveChat в ELMA365, подключить его к линии, а затем разместить..." />
|
||
<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" />
|
||
<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 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>
|
||
<!-- <div class="hero__search-form" id="search-panel">
|
||
<form class="search-form" onsubmit="ym(83179930,'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://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>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
|
||
|
||
|
||
|
||
<main class="main container">
|
||
|
||
<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>
|
||
<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>Настроить работу в линиях / Создать LiveChat для сайта</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Создать LiveChat для сайта</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">LiveChat — это онлайн-чат для общения с клиентами. При активированном решении <a href="https://service.elma365.com/ru/" target="_blank" class="weblink">ELMA365 Service</a> вы можете настроить LiveChat в ELMA365, подключить его к линии, а затем разместить на стороннем сайте. Тогда посетители вашего сайта смогут отправлять запросы в онлайн-чат, а операторы отвечать на них из интерфейса ELMA365. При этом история переписки будет сохраняться в разделе <a href="chat_lines.html" class="topiclink">Линии</a>, а также в окне LiveChat у каждого клиента. </p>
|
||
<p class="p_Normal">Если к линии <a href="connection_to_line.html" class="topiclink">подключены другие каналы связи</a>, пользователь сможет перейти в них, нажав на значок мессенджера или почты в окне онлайн-чата. Таким образом можно выбрать, где общаться с оператором: на сайте в окне онлайн-чата, в мессенджере или по электронной почте.</p>
|
||
<p class="p_Normal">Кроме того, когда для линии настроен ELMA Bot, он может также реагировать на запросы пользователей: предлагать оператору подсказки для сообщений или отвечать вместо него. Подробнее о режимах работы бота читайте в статье <a href="connect-bot.html" class="topiclink">«Подключить бота к линии»</a>.</p>
|
||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">Начало внимание </span></p>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">Настройка LiveChat доступна только <a href="/ru/help/platform/360006871932.html#administrators" target="_blank" class="weblink">администраторам системы</a>, если в компании активировано решение <a href="/ru/help/platform/licenses-service.html" target="_blank" class="weblink">ELMA365 Service</a>. </p>
|
||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">Конец внимание </span></p>
|
||
<h2 class="p_Heading2"><span class="f_Heading2">Настроить чат </span></h2>
|
||
<p class="p_Normal">Для каждой линии необходимо создать отдельный онлайн-чат. Для этого: </p>
|
||
<ol style="list-style-type:upper-roman">
|
||
<li value="1" class="p_Normal">Перейдите в раздел <span style="font-weight: bold;">Администрирование > Линии</span>. </li><li value="2" class="p_Normal">Выберите линию из списка или <a href="create_line.html" class="topiclink">создайте новую</a>, нажав кнопку <span style="font-weight: bold;">+Линия</span> в правом верхнем углу. </li><li value="3" class="p_Normal">Перейдите на вкладку <span style="font-weight: bold;">LiveChat</span> и нажмите кнопку <span style="font-weight: bold;">Включить</span> в центре страницы. </li></ol>
|
||
<p class="p_Normal" style="margin: 0 0 0 36px;">В левой части вкладки отобразятся поля для настройки онлайн-чата, а в правой — его превью, которое будет автоматически изменяться в зависимости от установленных параметров. </p>
|
||
<p class="p_Normal" style="margin: 0 0 0 37px;"><img alt="livechat-1" width="917" height="918" style="margin:0;width:917px;height:918px;border:none" src="livechat-1.png"/></p>
|
||
<ol style="list-style-type:upper-roman" start="4">
|
||
<li value="4" class="p_Normal">Установите параметры для онлайн-чата: </li></ol>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Настройка каналов связи</span> — с помощью переключателя отметьте каналы, через которые в раздел <span style="font-weight: bold;">Линии</span> будут поступать обращения с сайта. Для выбора доступны все подключённые к линии мессенджеры, социальные сети и почта со статусом <span style="font-weight: bold;">Активен</span>. </li></ul>
|
||
<p class="p_Normal" style="margin: 0 0 0 34px;">Список отмеченных каналов связи будет отображаться на сайте при нажатии кнопки вызова чата. Пользователь сможет выбрать способ отправки обращения: </p>
|
||
<ul style="list-style-type:disc"><ul style="list-style-type:circle">
|
||
<li class="p_Normal"><span style="font-weight: bold;">ВКонтакте</span>, <span style="font-weight: bold;">мессенджеры</span> — пользователь автоматически перейдёт на страницу социальной сети или в веб-версию мессенджера; </li><li class="p_Normal"><span style="font-weight: bold;">Inbox</span> — пользователь заполнит форму отправки обращения на сайте в окне чата, а ответ оператора получит на почту; </li><li class="p_Normal"><span style="font-weight: bold;">LiveChat</span> — пользователь останется на сайте и будет общаться с оператором в окне чата. </li></ul>
|
||
<li class="p_Normal"><span style="font-weight: bold;">Настройки LiveChat</span> — блок доступен, если в списке каналов отмечена опция <span style="font-weight: bold;">LiveChat</span>. Установите параметры для окна чата: <ul style="list-style-type:circle">
|
||
<li class="p_Normal"><a id="edit-messages" class="hmanchor"></a><span style="font-weight: bold;">Разрешить пользователям LiveChat редактировать сообщения</span> — опция позволяет клиентам изменять свои сообщения, отправленные в LiveChat. Рядом с сообщением будет отображаться время его редактирования;</li><li class="p_Normal"><a id="expand-in-mobile-version" class="hmanchor"></a><span style="font-weight: bold;">Показывать развернутым в мобильной версии</span> — при включённой опции окно чата на мобильных устройствах всегда отображается в развёрнутом виде. Это удобно, например, если на сайте предусмотрена отдельная страница для обратной связи.</li></ul></li></ul>
|
||
<p class="p_Normal" style="margin: 0 0 0 58px;">Обратите внимание, если опция активна, пользователь не сможет обратиться в линию через мессенджер или электронную почту, даже если эти каналы настроены. В мобильной версии ему будет доступна только переписка в окне чата;</p>
|
||
<ul style="list-style-type:disc"><ul style="list-style-type:circle">
|
||
<li class="p_Normal"> <span style="font-weight: bold;">Название чата</span><span style="font-weight: bold; color: #ff0000;">*</span> — укажите заголовок окна онлайн-чата, например, <span style="font-weight: bold;">Служба поддержки</span>;</li><li class="p_Normal"><span style="font-weight: bold;">Приветствие</span><span style="font-weight: bold; color: #ff0000;">*</span> — введите текст, который будет видеть пользователь, открыв чат; </li><li class="p_Normal"><a id="login-fields" class="hmanchor"></a><span style="font-weight: bold;">Поля для авторизации пользователя</span> — вместе с онлайн-чатом на сайте можно разместить окно авторизации. В нём пользователь указывает персональные данные, чтобы зарегистрироваться и начать переписку с оператором. Информация отобразится в обращении на <span style="color: #0000ff;"><a href="working_in_chat.html#session-page" class="topiclink">странице созданной сессии</a></span>. Для этого отметьте поля, которые будут заполняться пользователями: <span style="font-weight: bold;">Почта</span>, <span style="font-weight: bold;">Имя</span>, <span style="font-weight: bold;">Телефон</span>. Для окна авторизации доступны также <a href="livechat.html#additional-autorization-settings" class="topiclink">дополнительные настройки текста и ссылки на политику обработки данных</a>.</li></ul></li></ul>
|
||
<p class="p_Normal" style="margin: 0 0 0 57px;">Если пользователь регистрируется при входе на сайт или портал, в котором размещён LiveChat, вы можете скрыть дополнительное окно авторизации рядом с онлайн-чатом. Для этого снимите все флажки в опции <span style="font-weight: bold;">Поля для авторизации пользователей</span>. Чтобы указанные при входе персональные данные пользователя передавались в сессию, <a href="livechat-auto-login.html" class="topiclink">настройте автоматическую авторизацию в LiveChat</a>;</p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Настройки Inbox</span> — блок отображается, если в списке каналов отмечена опция <span style="font-weight: bold;">Inbox</span>. Установите параметры окна для отправки обращения: <ul style="list-style-type:circle">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Приветствие</span><span style="font-weight: bold; color: #ff0000;">*</span> — введите текст, который увидит пользователь, открыв чат; </li><li class="p_Normal"><span style="font-weight: bold;">Обязательность полей</span><span style="font-weight: bold; color: #ff0000;">*</span> — отметьте обязательные поля, которые должен заполнить пользователь, чтобы отправить сообщение. Поля <span style="font-weight: bold;">Ваш Email</span> и <span style="font-weight: bold;">Тело</span> письма отмечены по умолчанию. Дополнительно можно установить <span style="font-weight: bold;">ФИО</span> и <span style="font-weight: bold;">Тема письма</span>. Указанные данные будут отображаться на странице сессии; </li></ul>
|
||
<li class="p_Normal"><span style="font-weight: bold;">Настройки событий</span> — настройте правила для автоматического раскрытия окна чата на сайте. Для этого нажмите кнопку <span style="font-weight: bold;">+ Действие</span>. В открывшемся окне <a href="livechat.html#automatic-opening" class="topiclink">задайте параметры</a>; </li><li class="p_Normal"><span style="font-weight: bold;">Оформление</span> — настройте внешний вид чата: <ul style="list-style-type:circle">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Логотип</span> — загрузите изображение, которое будет отображаться на кнопке вызова чата; </li><li class="p_Normal"><span style="font-weight: bold;">Тема оформления</span> — выберите основной цвет чата; </li><li class="p_Normal"><span style="font-weight: bold;">Размер кнопки</span> — задайте размер кнопки, открывающей чат;</li></ul>
|
||
<li class="p_Normal"><span style="font-weight: bold;">Позиционирование</span> — настройте положение кнопки, открывающей чат:<ul style="list-style-type:circle">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Расположение кнопки</span> — укажите, в каком углу экрана будет располагаться кнопка; </li><li 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> — в зависимости от выбранного расположения кнопки задайте для неё отступы от краёв экрана, например справа и снизу. Отступы настраиваются отдельно для ПК и мобильных устройств. Минимальное значение — 0 пикселей, максимальное — 1000;</li><li class="p_Normal"><span style="font-weight: bold;">Фон чата</span> — выберите изображение для фона чата; </li></ul></li></ul>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><a id="additional-autorization-settings" class="hmanchor"></a><span style="font-weight: bold;">Ссылка на политику обработки персональных данных</span> — если вы добавили в онлайн-чат <a href="livechat.html#login-fields" class="topiclink">окно авторизации</a>, пользователь указывает в нём контактные данные и предоставляет согласие на их обработку. Для этого он отмечает флажком специальное поле. По умолчанию в названии поля содержится гиперссылка, по которой можно перейти на страницу сайта с информацией о политике сбора данных. Вы можете указать URL-адрес этой страницы;</li><li class="p_Normal"><span style="font-weight: bold;">Использовать произвольный текст согласия на обработку персональных данных</span> — включите опцию и в появившемся редакторе измените текст специального поля в <a href="livechat.html#login-fields" class="topiclink">окне авторизации</a>, которое должен отметить пользователь, чтобы отправить своё обращение.</li></ul>
|
||
<ol style="list-style-type:upper-roman" start="5">
|
||
<li value="5" class="p_Normal">Для завершения настройки нажмите кнопку <span style="font-weight: bold;">Сохранить и опубликовать</span> в верхней части вкладки. </li></ol>
|
||
<p class="p_Normal" style="margin: 0 0 0 34px;">При необходимости вы можете привести вид онлайн-чата к оформлению по умолчанию. Для этого нажмите кнопку <span style="font-weight: bold;">Сбросить настройки</span>. </p>
|
||
<ol style="list-style-type:upper-roman" start="5">
|
||
<li value="6" class="p_Normal">Скопируйте сгенерированный код для вставки чата в сайт, нажав кнопку <span style="font-weight: bold;">Скопировать код в буфер</span> в верхней части вкладки. </li><li value="7" class="p_Normal">Разместите онлайн-чат на сайте или <a href="livechat-on-portal.html" class="topiclink">портале</a>.</li></ol>
|
||
<p class="p_Normal">После этого посетители вашего сайта смогут воспользоваться чатом для отправки сообщений. </p>
|
||
<p class="p_Normal">Если авторизованный на сайте пользователь впервые обращается в LiveChat, в разделе <a href="chat_lines.html" class="topiclink">Линии</a> создаётся новая сессия. При всех последующих обращениях этого пользователя сессия будет возобновляться. При каждом обращении неавторизованного пользователя в линиях будет создаваться новая сессия. Полученные сообщения будут обрабатываться оператором или <a href="elma-bot.html" class="topiclink">чат-ботом</a>.</p>
|
||
<p class="p_Normal">При создании новой сессии с пользователем, обратившимся в линию через LiveChat, в ELMA365 автоматически фиксируются UTM-метки. Подробнее о работе с ними читайте в статье <a href="livechat-utm.html" class="topiclink">«UTM-метки в LiveChat»</a>. </p>
|
||
<h2 class="p_Heading2"><a id="automatic-opening" class="hmanchor"></a><span class="f_Heading2">Автоматически открывать окно LiveChat</span></h2>
|
||
<p class="p_Normal">При настройке LiveChat вы можете задавать правила, при срабатывании которых окно с размещённым на сайте чатом будет автоматически раскрываться. Например, пользователь увидит окно с чатом, в котором отображается приветствие, если проведёт на странице сайта больше двух минут. </p>
|
||
<p class="p_Normal">Для настройки правил автораскрытия: </p>
|
||
<ol style="list-style-type:upper-roman">
|
||
<li value="1" class="p_Normal">Перейдите в <span style="font-weight: bold;">Администрирование > Линии</span>. Выберите нужную линию и откройте вкладку <span style="font-weight: bold;">LiveChat</span>. </li><li value="2" class="p_Normal">В блоке <span style="font-weight: bold;">Настройки событий</span> нажмите кнопку <span style="font-weight: bold;">+ Действие</span>. </li><li value="3" class="p_Normal">В открывшемся окне заполните поля: </li></ol>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 36px;"><img alt="livechat-5" width="712" height="452" style="margin:0;width:712px;height:452px;border:none" src="livechat-5.png"/></p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Название</span><span style="font-weight: bold; color: #ff0000;">*</span> — введите название для события; </li><li class="p_Normal"><span style="font-weight: bold;">Если выполняются условия</span> — укажите, какое количество условий должно быть выполнено для автоматического раскрытия чата: <ul style="list-style-type:circle">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Каждое</span> — необходимо, чтобы сработали все настроенные условия; </li><li class="p_Normal"><span style="font-weight: bold;">Любое</span> — для выполнения правила достаточно одного выполненного условия. </li></ul></li></ul>
|
||
<p class="p_Normal">Создайте условия для раскрытия чата. Для этого нажмите <span style="font-weight: bold;">Выберите атрибут</span>. Из открывшегося списка выберите значение, которое будет проверяться правилом: </p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">URL текущей страницы</span> — выберите, где будет раскрываться чат. Чтобы окно с чатом появлялось только на определённой странице, выберите знак равенства и введите полный URL-адрес. Укажите опцию <span style="font-weight: bold;">Содержит</span> и часть адреса для открытия чата на всех страницах, в URL которых есть совпадения; </li><li class="p_Normal"><span style="font-weight: bold;">Время на странице</span> — укажите время в секундах, проведённое пользователем на определённой странице, после которого откроется онлайн-чат; </li><li class="p_Normal"><span style="font-weight: bold;">Время на сайте</span> — укажите время в секундах, проведённое пользователем на всех страницах сайта, после которого произойдёт автораскрытие чата; </li><li class="p_Normal"><span style="font-weight: bold;">Действие</span><span style="font-weight: bold; color: #ff0000;">*</span> — выберите действие, которое произойдёт, если правило сработает: </li></ul>
|
||
<ol style="list-style-type:decimal"><ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Открыть форму для отправки сообщения на e-mail</span> — в открывшейся на сайте форме клиент сможет отправить запрос в линию и указать свою почту для получения ответа. Для этого действия к линии необходимо подключить <a href="inbox.html" class="topiclink">электронную почту</a>.</li></ul></li></ol>
|
||
<p class="p_Normal" style="margin: 0 0 0 58px;">Обратите внимание, если включена опция <a href="livechat.html#expand-in-mobile-version" class="topiclink">Показывать развернутым в мобильной версии</a>, обращение в линию через почту недоступно на мобильных устройствах;</p>
|
||
<ol style="list-style-type:decimal"><ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Отобразить системное сообщение в чате</span> — на странице откроется окно с установленным в поле <span style="font-weight: bold;">Сообщение</span> текстом. Пользователь сможет отправить запрос в линию и получить ответ в окне чата; </li></ul></li></ol>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Сообщение</span><span style="font-weight: bold; color: #ff0000;">*</span> — введите текст, который увидит пользователь в окне чата. Поле отображается при выборе действия <span style="font-weight: bold;">Отобразить системное сообщение в чате</span>. </li></ul>
|
||
<ol style="list-style-type:upper-roman" start="4">
|
||
<li value="4" class="p_Normal">Сохраните настроенное правило. </li></ol>
|
||
<p class="p_Normal">Список созданных правил отображается на вкладке <span style="font-weight: bold;">LiveChat</span> в блоке <span style="font-weight: bold;">Настройки события</span>. С помощью переключателя справа от названия вы можете выключить или включить правило. </p>
|
||
<p class="p_Normal">Чтобы отредактировать или удалить правило, нажмите на значок <img alt="block-list-4" width="18" height="19" style="margin:0;width:18px;height:19px;border:none" src="block-list-4.png"/> и выберите действие. </p>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="livechat-6" width="522" height="256" style="margin:0;width:522px;height:256px;border:none" src="livechat-6.png"/></p>
|
||
<ol style="list-style-type:upper-roman" start="5">
|
||
<li value="5" class="p_Normal">Для завершения настройки нажмите кнопку <span style="font-weight: bold;">Сохранить</span> и опубликовать в верхней части вкладки.</li></ol>
|
||
|
||
<div class="bottom-nav">
|
||
|
||
<a id="prev-link" class="topic__navi_prev" href="inbox.html">
|
||
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
|
||
class="bottom-nav__link">inbox.html</span>
|
||
</a>
|
||
|
||
|
||
<a id="next-link" class="topic__navi_next" href="livechat-on-portal.html">
|
||
<span class="bottom-nav__link">livechat-on-portal.html</span> <span
|
||
class="bottom-nav__arrow bottom-nav__arrow--next"></span>
|
||
</a>
|
||
|
||
</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>
|
||
|
||
</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">В этой статье</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://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>
|
||
|
||
|
||
</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">© 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">© 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>
|
||
</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="//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>
|
||
</body>
|
||
|
||
</html>
|