Чат-виджет: подключение на сайт

Чат-виджет: подключение на сайт

Для инициализации виджета Concierge Online на сайте необходимо добавить перед закрывающим тегом следующий скрипт:

<script src="https://cncrg.org/popup.js"></script>

Инициализация происходит посредством вызова функции initCncrgPopup(hotelId?, options?)

Она автоматически ожидает момента, когда будет доступен body, создает div-обвертку для виджета, загружает скрипт виджета и затем инициализирует виджет через CncrgWidget и хранит его в window.cncrgWidget

Подключить и настроить виджет чата

{
  color: string, // цвет кнопки
  left: boolean,
  bottom: number,
  horizontalOffset: number,

  hintLabel: string // текст подсказки
  hintBackgroundColor: string
  hintTextColor: string

  cncrg: boolean, // чат с отелем через основной виджет
  email: string,
  phone: string,
  whatsapp: string,
  telegram: string,

  tooltips: object // возможность задавать свои подсказки кнопкам
}

Все поля необязательны

left, horizontalOffset, hintBackgroundColor и hintTextColor по умолчанию наследуются от основных настроек

Пример:

initCncrgPopup('9b177996-da9a-4400-9c3c-88e0fa752ce0', {
  chatWidget: {
    hintLabel: 'Связаться с нами',

    cncrg: true,
    email: '[email protected]',
    phone: '+79308024188',
    whatsapp: '79308024188',
    telegram: 'diamond_hotel',

    tooltips: {
      email: 'Почта',
      phone: 'Телефон',
      cncrg: 'Написать онлайн',
      telegram: 'Telegram',
      whatsapp: 'WhatsApp',
    },
  },
})