Как установить чат Телеграм

Когда в интернет-магазине доброжелательно светится окошко онлайн-чата, клиент понимает: здесь его ждут и здесь ему рады. Всегда можно задать интересующий вопрос, получить консультацию, узнать актуальную информацию. Есть разные варианты чатов, но на сегодняшний день одним из самых доступных и понятных является Телеграм. Если вы создали свой магазин на платформе 1os, то его подключение займет минимум времени, и для этого не потребуется вмешательство программиста. Просто внимательно пройдите все этапы, описанные в этой инструкции.

Как найти нужные настройки интернет-магазина

Первый шаг – войти в служебную часть сайта, откуда вы сможете вносить в его структуру любые изменения. Для этого выполняется стандартный вход, как описано в соответствующей инструкции. Последовательно выполните все шаги, после чего увидите страницу с небольшим меню из пиктограмм слева вверху. Вам нужно нажать «ключ»:

Перед вами административная панель, дающая доступ к различным функциям конструктора сайтов. Обратите внимание на левое вертикальное меню. Нам нужен пункт «НАСТРОЙКИ»:

Нажмите на флажок справа от него и откройте подменю. Нажмите пункт «SEO»:

Вы попадете именно на ту панель, с которой будете работать дальше.

Переходим к установке чата

Вы видите перед собой панель с разнообразными блоками. Пролистайте страницу немного вниз и найдите блок «КОДЫ СЧЕТЧИКОВ И ВИДЖЕТОВ. Скрипты, которые вставляются в body»:

Обратите внимание! Дальше мы работаем именно с правым окном!

Чтобы виджет Телеграм появился на вашем сайте, в это окно необходимо вставить следующий код (просто скопируйте и вставьте):

<a id="telegram_widget" target="_blank" href="https://t.me/************">
      <span>Напишите нам в Telegram</span>
       <svg id="telegram" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z"></path></svg>
</a>
<style>
#telegram_widget {display: flex;justify-content: center;align-items: center;z-index:9999; position: fixed; right: 20px; bottom:70px; width: 50px; height: 50px;  background-color: #FFF; border-radius: 50px; box-shadow: 0px 6px 25px rgb(0 0 0 / 25%) }
#telegram_widget svg {margin:0 17px 0 0;transition: height 0.4s; height: 60%; fill: #269EDA;}
#telegram_widget:hover svg {height: 65%;}
#telegram_widget>span{color: #000; margin-right: 10px; font-size: 16.666666666667px;}
#telegram_widget{width: unset; padding: 0 0 0 15px;}
#telegram_widget {animation: 3s radial-pulse 10s infinite; }
@keyframes radial-pulse { 0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);} 50% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);} 100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);} }
</style>

Чтобы подключился именно ваш Телеграм, необходимо в указанном ниже месте вместо "звездочек" вставить свое имя пользователя Телеграм без значка @:

После того как вы убедились в корректности внесенных данных, обязательно нажмите «СОХРАНИТЬ»:

Результат

Если вы выполнили все шаги этой инструкции последовательно и правильно, справа внизу страницы на вашем сайте появится виджет онлайн-чата Телеграм. Например, это может выглядеть так, как на сайте студии шугаринга:

Если кликнуть на виджет, открывается декстопный Телеграм (для ПК). Нажмите соответствующую кнопку, чтобы оставить сообщение, и пользуйтесь привычным мессенджером:

Теперь вы убедились, что установить один из самых популярных онлайн-чатов исключительно просто, если ваш сайт создан на платформе 1os.

Просто попробуйте!