Изменение настроек чата через JS

Настройки контента и внешнего вида чата, которые не доступны через интерфейс, можно менять через JavaScript, добавляя параметры с вашими значениями в код Carrot quest (тот самый, который нужно установить на сайт изначально). Можно использовать разные настройки для отдельных страниц сайта.

Пример кода с изменениями:

1. Добавлен объект config с измененными параметрами;
2. Ваш API Key (значение будет уникальным для каждого сайта, найти его можно в разделе Настройки -> Ключи API):
3. В метод carrotquest.connect добавлен объект config.


  

Разберем несколько интересных кейсов таких настроек:

мультиязычность чата;
разные цвета чата на разных страницах;
разное положение чата на разных страницах;
полный список параметров для чата.

Мультиязычный чат

Если ваш сайт поддерживает несколько языков, вы можете адаптировать под них ваш чат.

Поменяйте такие фразы как “Новое сообщение” в шапке или “Введите сообщение и нажмите Enter” в поле ввода на любой текст на любом языке.

 

Важно : текст оффлайн-сообщений можно задать только на одном языке. Мы работаем над мультиязычностью оффлайн-сообщений.

 

Вот код со всеми изменениями чата на английский язык:

var config = {
    i18n: {
        thanks: "Thank you",
        dialogs_history: "Conversation history",
        new_message: "New message",
        enter_message: "Type your message and press Enter",
        dialogs_zerodata: "There are no conversations yet.
We\"ve never talked before", enter_email: "Enter your email", enter_phone: "Enter your phone number", leave_email: "You can leave your email and we\"ll continue this conversation through email:" }, settings: { messenger_collapsed_text: "Ask me...", messenger_offline_message: "No operators online now. Write your question and we will help you during the working time", messenger_welcome_message : "Ask question, we will answer. Write to us!", } } carrotquest.connect('xxxxx',config);

Скопировать код

 

Разные цвета чата на разных страницах

Сделайте так, чтобы чат не выбивался из общей палитры вашего сайта, даже если страницы отличаются по цвету. Для этого пропишите аргумент messenger_collapsed_color объекта settings.

var config = {
    settings: {
            messenger_collapsed_color : "178227"
    }
}
carrotquest.connect('xxxxx',config);

Скопировать код

 

Разное положение чата на разных страницах

На разных страницах чат может располагаться в разных местах. Например, на главной странице чат будет в левом нижнем углу, а на остальных — в правом нижнем. За положение чата отвечает messenger_position объекта settings.

var config = {
    settings: {
        messenger_position: "right_bottom"
    }
}
carrotquest.connect('xxxxx',config);

Скопировать код

 

Изменение онлайн-статуса операторов чата

Вы можете принудительно поставить постоянный статус онлайн или оффлайн на всех или только некоторых страницах сайта.

var config = {
    settings: {
        status_operators:  "online"
    }
}
carrotquest.connect('xxxxx',config);

Скопировать код

 

Полный список параметров

Мы привели неполный список возможных изменений в чате. Вы можете максимально кастомизировать его под свои нужды с помощью аргументов carrotquest.connect.

В метод carrotquest.connect можно добавить в качестве второго аргумента объект :

{

i18n: {

thanks: 'Спасибо',

dialogs_history: 'История диалогов',

new_message: 'Новое сообщение',

enter_message: 'Введите сообщение и нажмите Enter',

dialogs_zerodata: 'Диалогов нет.<br>Вы еще с нами не общались',

enter_email: 'Введите емейл',

enter_phone: 'Введите телефон',

page_title_new_message: 'Новое сообщение',

},

settings: {

messenger_collapsed_color: "178227"

messenger_collapsed_text: "Спроси меня..."

messenger_collection_lead_type: "email"

messenger_hide_collapsed: false

messenger_mode: "visible"

messenger_name :  “Кристина”

messenger_offline_message: "Сейчас нет операторов готовых ответить, но вы можете оставить ваш вопрос, и мы поможем вам в рабочее время."

messenger_position: "right_bottom"

messenger_show_offline_message: false

messenger_welcome_message : "Задайте свой вопрос, и мы постараемся ответить. Напишите нам!",

status_operators:  "online "

}

}

Аргументы объекта i18n

thanks – Фраза, появляющаяся после ввода своих контактов в чат

dialogs_history – Заголовок раздела “История диалогов”

new_message -  Текст в кнопке, создающей новый диалог в разделе “История диалогов”

enter_message – текст в поле для ввода сообщения

dialogs_zerodata – нулевой экран, когда нет ни одного диалога

enter_email – текст в поле для ввода емейла

enter_phone – текст в поле для ввода телефона

page_title_new_message – заголовок нового диалога

 

Аргументы объекта settings

messenger_collapsed_color – цвет чата

messenger_collapsed_text – Надпись в свернутом состоянии чата

messenger_collection_lead_type – Какие данные спрашиваем у пользователя в оффлайн сообщении. Если система знает эти данные, то снова их спрашивать не будет, и в сообщение будет только текстовая часть

messenger_hide_collapsed - Скрывать текстовую часть свернутого чата

messenger_mode – режим работы чата visible (Видимый), has_dialogs (Только когда есть диалог), hidden (Скрытый)

messenger_name - имя по умолчанию (показывается, когда никто из операторов ещё не ответил)

messenger_offline_message - Если все операторы в данный момент находятся в статусе оффлайн, то при открытии чата или в начале диалога пользователю покажется специальное сообщение.

messenger_show_offline_message - Показывать сообщение, что все операторы оффлайн

messenger_position - Положение свернутого состояния чата left_top (Слева вверху), left_bottom (Слева внизу), right_top (Справа вверху), right_bottom (Справа внизу)

messenger_welcome_message - Надпись в чате после его открытия

status_operators –  статус ваших операторов online, offline

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

Комментарии