Що ви отримаєте

Після встановлення в правому нижньому куті вашого сайту з'явиться плаваюча кнопка чату. Відвідувач натискає — відкривається вікно, він пише повідомлення. Ви бачите його в месенджері 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 на власному сервері для повного контролю над даними.