Что вы получите

После установки в правом нижнем углу вашего сайта появится плавающая кнопка чата. Посетитель нажимает — открывается окно, он пишет сообщение. Вы видите его в мессенджере GoMsg, отвечаете — посетитель получает ответ прямо на сайте. Всё в реальном времени.

Что понадобится

  • Аккаунт на сервере GoMsg (можно бесплатный)
  • Доступ к админке вашего сайта (WordPress, Tilda, Wix, Shopify или любой другой)
  • 5 минут времени

Шаг 1. Создайте сайт в GoMsg

Зайдите в мессенджер GoMsg под своим аккаунтом. Перейдите в раздел Business → Live Chat. Нажмите кнопку «New site» в правом верхнем углу.

Заполните форму:

  • Site name — название вашего сайта, например «Магазин цветов»
  • Allowed origin — адрес вашего сайта, например https://flowershop.ru
  • Greeting message — что увидит посетитель когда откроет чат. Например: «Здравствуйте! Чем могу помочь?»
  • Color — цвет кнопки и шапки чата (под ваш бренд)
  • Entry mode — как посетитель начинает диалог (Anonymous проще всего)

Нажмите Create. Сайт появится в списке. Откройте его — там будет блок Embed snippet с готовым кодом для вставки.

Шаг 2. Скопируйте код вставки

В блоке Embed snippet нажмите иконку копирования. У вас в буфере будет примерно такой код: 

<!-- GoMsg widget -->
<script>
  window.GOMSG_CONFIG = {
    siteId: "abc12345-...",
    server: "https://your-gomsg-server.com"
  };
</script>
<script src="https://your-gomsg-server.com/widget.js" async></script>

Шаг 3. Вставьте код на сайт

Для WordPress

Два способа:

  1. Через плагин Insert Headers and Footers (рекомендуется). Установите плагин, откройте Settings → Insert Headers and Footers, вставьте код в поле Scripts in header. Сохраните.
  2. Через файл темы. Внешний вид → Редактор тем → найдите header.php. Вставьте код прямо перед </head>. Сохраните.

Для Tilda

Откройте настройки проекта → Code in head. Вставьте код. Примените ко всем страницам. Опубликуйте.

Для Wix

Settings → Custom Code → + Add Custom Code. Вставьте код, выберите «All pages» и место «Head». Сохраните.

Для любого HTML сайта

Откройте ваш HTML файл, найдите тег <head> и вставьте код сразу после него. Если используете шаблонизатор (PHP, Twig, Blade) — добавьте в layout.

Шаг 4. Проверьте работу

Откройте ваш сайт в браузере. В правом нижнем углу должна появиться плавающая кнопка.

  1. Нажмите на кнопку — откроется панель чата.
  2. Напишите тестовое сообщение.
  3. Вернитесь в GoMsg мессенджер → Business → Live Chat → Queue. Там появится чат от посетителя.
  4. Ответьте оператором — на сайте ответ появится мгновенно.
Если кнопка не появилась

Откройте DevTools браузера (F12) → Console. Если видите ошибку — проверьте: правильно ли указан siteId, доступен ли ваш сервер GoMsg из браузера, не блокирует ли AdBlock домен виджета.

Дополнительно: идентификация посетителей

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

<script>
GomsgWidget.identify({
  display_name: "Иван Петров",
  email: "ivan@example.com"
});
</script>

Вызовите этот код после логина пользователя на вашем сайте. Например, после успешной авторизации в WordPress.

Частые вопросы

Сколько стоит виджет?

Бесплатно. Без скрытых платежей, без брендинга «powered by», без лимитов на операторов или сообщения.

Можно ли настроить цвет под бренд?

Да. При создании сайта в GoMsg укажите нужный HEX-цвет. Кнопка, шапка чата и ваши сообщения будут в этом цвете.

Будет ли работать на мобильном?

Да. Виджет адаптивный — растягивается на весь экран на телефоне. Работает на iOS Safari, Chrome для Android, любом современном браузере.

Что если я не отвечу сразу?

Сообщение попадает в очередь. Когда зайдёте в GoMsg — увидите непрочитанные в разделе Business. Можете ответить позже, посетитель получит уведомление на сайте.

Что дальше

Чат подключён. Чтобы получить максимум — посмотрите как виджет выглядит для посетителя и оператора или разверните GoMsg на своём сервере для полного контроля над данными.