Пошаговая настройка ImbaChat для WordPress

В этой статье мы шаг за шагом рассмотрим настройку чата в зависимости от вашей CMS.

На момент написания этой статьи плагин поддерживает только активную интеграцию с WordPress и [Oсtober CMS] (https://imbachat.com/en/blog/post/installation-october-cms) . Рассмотрим установку чата для платформы WordPress.

WordPress

Прежде всего, вам необходимо установить плагин. Следуйте этим шагам:

  1. Зайдите в админку вашего сайта. Откройте пункт меню Плагины → Скачать плагин. В строке поиска введите название плагина - ImbaChat. Установите плагин.

! [3] (https://imbachat.com/themes/initbiz-cumulus/assets/img/widget-explain-9.jpg)

  1. Войдите в [ImbaChat] (https://imbachat.com/) и перейдите в Личный кабинет.
  2. Заполните поля. Напишите название виджета. В поле «Хост» укажите URL вашего сайта без http: // (например: your-site-domain-url.com). А затем выберите интеграцию с CMS «WordPress». Создайте виджет.

! [4] (https://imbachat.com/themes/initbiz-cumulus/assets/img/widget-explain-14.jpg)

  1. Запишите идентификатор виджета в поле «Идентификатор виджета» в настройках ImbaChat в админпанели вашего сайта. После этого нажмите «Подключиться к виджету».

! [1] (https://imbachat.com/storage/app/media/123.png)

  1. Если у вас еще нет виджета, нажмите «Создать виджет» на той же странице. Связь между вашим сайтом и сервером ImbaChat будет настроена автоматически.

! [1] (https://imbachat.com/storage/app/media/1234.png)

Чтобы настроить стиль виджета и настроить язык виджета, перейдите в «Настройки стиля» на панели управления на imbachat.com . Узнайте больше о настройке виджета [здесь] (https://imbachat.com/en/blog/post/how-customize-widget).

Чтобы включить функцию онлайн-поддержки , перейдите в Настройки чата -> Онлайн-поддержка . Здесь вы можете включить эту функцию и создать новую учетную запись менеджера службы поддержки.

! [1] (https://imbachat.com/storage/app/media/chat%20support%20setup.png)

Что дальше?

После установки вам необходимо настроить приватный и групповой чат для ваших пользователей. Для некоторых тем WordPress он настраивается автоматически:

  • BuddyPress
  • Woocommerce
  • wpForo

При установке чата на эти темы кнопки Отправить сообщение автоматически появляются в необходимых местах. В частности, интеграция BuddyPress имеет дополнительные функции. Вы можете прочитать о них больше в [этом сообщении] (https://imbachat.com/en/blog/post/buddypress-integration).

Если вышеупомянутые темы не установлены на вашем веб-сайте WP, вам необходимо использовать специальные шорткоды для настройки чата. Шорткод - это короткая команда для отображения функции. В ImbaChat для WordPress есть шорткоды.

С помощью шорткодов ImbaChat вы можете создавать:

  1. Кнопки отправки сообщения
  2. Кнопки и поля для создания групповых чатов.
  3. Кнопка "Присоединиться к групповому чату"
  4. Кнопки для закрытия и открытия чата.

Как вставить шорткоды:

Шорткоды:

1. Кнопка отправки сообщения

Этот шорткод добавляет на страницу кнопку, при нажатии на которую открывается диалоговое окно с пользователем.

Параметры:

  • id - идентификационный номер пользователя на вашем сайте,
  • class - название класса для кнопки (при необходимости использовать собственные стили и классы),
  • имя - текст кнопки,

Пример: [ic_open_dialog id = 13 name = "Написать администратору" class = "class_btn_msg"]

2. Создайте кнопку группового чата

Второй шорткод добавляет кнопку, которая добавляет пользователя, щелкнувшего по кнопке. Параметр pipe определяет группу.

Этот шорткод генерирует на второй странице поле ввода и кнопку. Первое поле Имя группы - это поле соответствует имени создаваемой группы. Второе поле Pipe - отвечает за Уникальный идентификатор группы (этот параметр используется в шорткоде ic_join_group). При нажатии на кнопку создается групповой чат, к которому могут присоединиться пользователи сайта.

Параметры:

  • classi - Имя класса для поля ввода
  • classb - Имя класса для кнопки
  • buttonname - название кнопки

Приложение: создайте страницу для администраторов, поместите туда шорткод и создайте необходимые группы с помощью шорткода ic_join_group .

Пример:

[ic_create_group users = "1,2,3" buttonname = "Название кнопки" classi = "class_of_input" classb = "class_of_btn"]

3. Кнопка "Присоединиться к групповому чату"

Параметры:

  • classb - Имя класса для кнопки
  • buttonname - название кнопки
  • pipe - Параметр из Создать кнопку группового чата Shortcode , необходимый для понимания, к какой группе подключать пользователя. Пример:

[ic_join_group classb = "class_btn" buttonname = "join group" pipe = "group_example_1" title = "Название группы"]

4. Кнопка открытия и закрытия чата

Нет параметров. Создает кнопку, открывающую чат, и кнопку, закрывающую чат.

Пример: [ic_close_chat] [ic_open_chat]

После этого ваш виджет ImbaChat готов.

Надеемся, эта статья была для вас полезной. Вы можете получить бесплатную услугу по установке и техническую поддержку. Свяжитесь с нами по [E-mail] (mailto: support@imbachat.com) или [Telegram] (https://telegram.im/@imbachat_bot).


Другие полезные статьи:

ImbaChat проблемы и их решения

Как настроить доступ к функциям чата на основе ролей

Как настроить и использовать функцию группового чата