Установка виджета

Быстрая установка

Добавьте код перед </body>:

<script>
  (function(w,d,s,o,f,js,fjs){
    w['SmaiwerWidget']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s);fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  }(window,document,'script','smaiwer','https://api.smaiwer.ru/widget_loader.js'));
  smaiwer('init', 'YOUR_ORGANIZATION_ID');
</script>

Замените YOUR_ORGANIZATION_ID на ID вашей организации.

Получение Organization ID

1. Войдите в app.smaiwer.ru
2. Откройте Настройки → Виджет
3. Скопируйте код установки или Organization ID

Загрузчик виджета

URL загрузчика

https://api.smaiwer.ru/widget_loader.js

Параметры инициализации

smaiwer('init', 'org-id', {
  // Опциональные параметры
  position: 'right',        // 'left' | 'right'
  locale: 'ru',             // Язык интерфейса
  zIndex: 9999,             // z-index виджета
  openOnLoad: false,        // Открыть сразу
  hideOnMobile: false       // Скрыть на мобильных
});

Проверка установки

После установки:

1. Откройте сайт в браузере
2. В правом нижнем углу должна появиться кнопка чата
3. Откройте консоль (F12) и проверьте отсутствие ошибок

Решение проблем

Виджет не появляется

1. Проверьте, что скрипт добавлен перед </body>
2. Убедитесь, что Organization ID верный
3. Проверьте консоль на ошибки

Ошибка CORS

Access-Control-Allow-Origin

Добавьте домен сайта в настройки CORS организации.

Конфликт стилей

Если виджет отображается некорректно:

smaiwer('init', 'org-id', {
  zIndex: 999999  // Увеличьте z-index
});

Установка на популярные CMS

WordPress

1. Установите плагин Insert Headers and Footers
2. Добавьте код в Scripts in Footer

Tilda

1. Настройки сайта → Ещё → HTML-код
2. Добавьте код в Перед </body>

Shopify

1. Online Store → Themes → Edit code
2. Откройте theme.liquid
3. Добавьте код перед </body>

Wix

1. Settings → Custom Code
2. Add Custom Code
3. Выберите Body - end