Получение ссылки для сайта
- Откройте приложение MAX на своём смартфоне.
- Перейдите в раздел «Профиль».
- Слева сверху найдите раздел «QR-код».
- Нажмите на кнопку «Поделиться».
- Выберите любой мессенджер (например, SMS, Email или даже сам MAX) для отправки.
- В открывшемся окне вы увидите текстовое сообщение с гиперссылкой вида:
https://max.ru/u/… - Скопируйте эту ссылку для настроек модуля. Это и есть ваша официальная ссылка на профиль в MAX.
Настройка модуля
Настройки модуля находятся в разных местах в зависимости от версии Joomla. Пожалуйста, используйте приведенные ниже пути, чтобы найти модуль:
- Joomla 3: «Расширения» -> «Менеджер модулей»
- Joomla 4/5/6: «Контент» -> «Модули сайта»
В списке модулей найдите «IWS.BY Кнопка MAX». Нажмите на название модуля, перед вами откроется страница с доступными настройками. Рассмотрим каждое поле ниже.
Лицензионный ключ. Введите лицензионный ключ, полученный при покупке модуля на сайте IWS.BY. Без ключа в данном поле модуль не сможет получить доступ к серверу обновлений и автоматически обновляться.
Основные настройки модуля
Режим отображения. Опция отвечает за режим отображения кнопки на сайте. Простая кнопка — в данном режиме будет обычная кнопка, нажав на которую, произойдет переход в мессенджер MAX. Кнопка может быть плавающей и статической. Карточка менеджера — в этом режиме будет плавающая кнопка, нажав на которую появится всплывающее окно с информацией о менеджере (Имя, департамент, фото и приветствие) и кнопкой перехода в мессенджер MAX. Список агентов — в этом режиме будет плавающая кнопка, нажав на которую появится всплывающее окно со список агентов, доступных в MAX. Каждому менеджеру можно задать имя, департамент, фото и ссылку. Статическая карточка — режим, в котором будет статический блок с информацией о менеджере (имя, департамент, аватар и приветствие). Нажав на блок будет переход в мессенджер MAX.
Режим открытия ссылки. Опция отвечает за открытие ссылки в браузере посетителя сайта. Можно завать: в новой вкладке браузера или в текущей вкладки браузера.
Атрибут rel. Опция задает rel атрибут к ссылке модуля. Nofollow — указывает поисковым системам не учитывать эту ссылку при расчёте рейтинга страницы. Noopener — предотвращает доступ новой страницы к объекту window.opener, повышая безопасность при открытии ссылки в новой вкладке. Noreferrer — запрещает передачу HTTP-заголовка Referer, скрывая источник перехода.
Настройки плавающей кнопки
Размер кнопки. В поле указывается размер кнопки. Указывается в пикселях.
Цвет фона. Опция задает фоновый цвет кнопки в HEX формате.
Цвет иконки. Опция задает цвет иконки на кнопке в HEX формате.
Расположение. Опция отвечает за расположение кнопки относительно экрана посетителя сайта. Кнопка прижата к нижней части экрана. Можно выбрать сторону: справа или слева.
Отступ справа. В поле указывается расстояние от правой стороны экрана до кнопки. Указывается числом в пикселях.
Отступ слева. В поле указывается расстояние от левой стороны экрана до кнопки. Указывается числом в пикселях.
Отступ снизу. В поле указывается расстояние от нижней стороны экрана до кнопки. Указывается числом в пикселях.
Уровень слоя. В поле указывается уровень слоя, на котором будет расположена кнопка. Свойство является аналогом CSS свойсва: z-index.
Настройки границы кнопки
Включить. Если выбрано значение «Да», к кнопке будет применяться настраиваемая граница.
Ширина. В поле указывается ширина границы в пикселях.
Стиль. Опция указывает границы, применяемой к кнопке. Можно сделать сплошной, пунктирной, точечной и двойной.
Цвет. Опция задает цвет границы, применяемой к кнопке.
Настройки анимации
Включить. Если выбрано значение «Да», к кнопке будет применяться анимация.
Эффект. Опция задает эффект анимации, применяемой к кнопке. Можно задать: пульсация, прыжок, движение и вращение.
Продолжительность. В поле указывается продолжительность анимации в секундах.
Размер пульсации. В поле указывается длина волны пульсации анимации.
Высота прыжка. В поле указывается высота, на которую кнопка должна подпрыгивать. Указывается в пикселях.
Расстояние движения. В поле указывается ширина, на которую кнопка должна двигаться в одну из сторон. Указывается в пикселях.
Режим «Кнопка»
В данном режиме будет добавлена обычная кнопка, нажав на которую, произойдет переход в мессенджер MAX. Настройки находятся во вкладке «Кнопка» настроек модуля.
Ссылка на MAX. В поле необходимо ввести прямую ссылку на ваш профиль в мессенджере MAX.
Вид кнопки. Опция задает вид поведения кнопки. Плавающая — кнопка будет прижата к нижнему крану экрана справа или слева. Статическая — кнопка будет обычная и будет расположена в месте выбора позиции модуля.
Добавить внешние отступы. Если выбрано значение «Да», к кнопке будут применяться внешние отступы. Отступы применяются только для статической кнопке.
Сверху. В поле указывается расстояние от верхнего блока до кнопки. Указывается в пикселях.
Справа. В поле указывается расстояние от блока справа до кнопки. Указывается в пикселях.
Снизу. В поле указывается расстояние от нижнего блока до кнопки. Указывается в пикселях.
Слева. В поле указывается расстояние от блока слева до кнопки. Указывается в пикселях.
Единица измерения. Опция задает единицу измерения, которая будет добавляться к внешним отступам. Можно выбрать: px, % и em.
Режим «Менеджер»
В данном режиме будет добавлена плавающая кнопка, нажав на которую откроется всплывающее окно с информацией о менеджере: имя, департамент, фото и приветствие. Настройки находятся во вкладке «Менеджер» настроек модуля.
Основные настройки
Ссылка на MAX. В поле необходимо ввести прямую ссылку на ваш профиль в мессенджере MAX.
Тема окна. Опция задает цвет оформления окна с информацией о менеджере. Светлый — предварительно настроенный светлый дизайн окна. Темный — предварительно настоенный темный дизайн окна. Пользовательский — дизайн темы можно настроить в группе опций «Собственный дизайн».
Фото. Опция позволяет загрузить изображение через медиа-загрузчик Joomla. Рекомендуется загружать квадратное изображение.
Имя. В поле вводится имя и фамилия менеджера.
Департамент. В поле вводится департамент менеджера.
Приветствие. В поле вводится приветственное сообщение менеджера.
Текст кнопки. В поле вводится текст, который будет на кнопке, нажав на которую будет переход в мессенджер MAX.
Показать иконку. Если выбрано значение «Да», то слева от текста на кнопке будет добавлена иконка MAX.
Размер иконки. В поле указывается размер иконки на кнопке. Указывается числом в пикселях.
Настройки пользовательского дизайна
Данные настройки появляются только, если в опции «Тема окна» выбран режим «Пользовательский».
Фон шапки. Опция задает цвет фона шапки во всплывающем окне.
Имя менеджера. Опция задает цвет имени менеджера во всплывающем окне.
Департамент менеджера. Опция задает цвет департамента менеджера во всплывающем окне.
Иконка закрытия. Опция задает цвет иконки закрытия во всплывающем окне.
Иконка закрытия (при наведении). Опция задает цвет иконки закрытия во всплывающем окне, при наведении на нее курсором мыши.
Фон контента. Опция задает цвет фона центральной части во всплывающем окне.
Фон приветствия. Опция задает цвет фона приветственного сообщения менеджера во всплывающем окне.
Текст приветствия. Опция задает цвет текста приветственного сообщения менеджера во всплывающем окне.
Фон подвала. Опция задает цвет фона нижней части во всплывающем окне.
Фон кнопки чата. Опция задает цвет фона кнопки во всплывающем окне, которая открывает чат в мессенджере MAX.
Фон кнопки чата (при наведении). Опция задает цвет фона кнопки во всплывающем окне, которая открывает чат в мессенджере MAX, когда на нее наведен курсор мыши.
Текст кнопки чата. Опция задает цвет текста на кнопке во всплывающем окне, которая открывает чат в мессенджере MAX.
Текст кнопки чата (при наведении). Опция задает цвет текста кнопки во всплывающем окне, которая открывает чат в мессенджере MAX, когда на нее наведен курсор мыши.
Иконка кнопки чата. Опция задает цвет иконки на кнопке во всплывающем окне, которая открывает чат в мессенджере MAX.
Иконка кнопки чата (при наведении). Опция задает иконки на кнопки во всплывающем окне, которая открывает чат в мессенджере MAX, когда на кнопку наведен курсор мыши.
Настройка типографики
Настройки типографики применяются к каждому текстовому элементу на всплывающем окне. Они группированы для имени, департаменту, приветствию менеджера и тексту на кнопке. В документации описана будет одна группа, но они одинаковые для каждого текстового элемента.
Размер шрифта. В поле указывается размер шрифта. Указывается числом. Единица измерения задается в опции ниже. В CSS аналог свойства font-size.
Единица измерения. Опция задает единицу измерения для размера текста. Доступные значения: px, %, em и rem.
Межстрочный интервал. В поле указывается межстрочный интервал шрифта. Указывается числом. Единица измерения задается в опции ниже. В CSS аналог свойства line-height.
Единица измерения. Опция задает единицу измерения для межстрочного интервала текста. Доступные значения: без единицы измерения, px, %, em и rem.
Жирность. Опция задает жирность текста. В CSS аналог свойства font-weight. Доступные значения: 100, 200, 300, 400, 500, 600, 700, 800 и 900.
Регистр. Опция задает регистр текста. В CSS аналог свойства text-transform. Доступные значения: первые заглавные, строчные, верхний регистр и не менять регистр.
Стиль шрифта. Опция задает стиль текста. Доступные значения: обычный, курсив и наклон.
Декоративное оформление. Опция задает декоративное оформление текста. Доступные значения: без оформления, подчеркнутый, линия над текстом и перечеркнутый.
Режим «Агенты»
В данном режиме будет добавлена плавающая кнопка, нажав на которую откроется всплывающее окно со списком агентов, доступных в мессенджере MAX. Настройки находятся во вкладке «Агенты» настроек модуля.
Основные настройки
Тема окна. Опция задает цвет оформления окна со списком агентов. Светлый — предварительно настроенный светлый дизайн окна. Темный — предварительно настроенный темный дизайн окна. Пользовательский — дизайн темы можно настроить в группе опций «Собственный дизайн».
Заголовок окна. В поле вводится текст, который будет заголовком всплывающего окна.
Описание окна. В поле вводится текст, который будет описанием всплывающего окна.
Далее будет группа полей, которая одинаковая для каждого агента.
Фото. Опция позволяет загрузить изображение через медиа-загрузчик Joomla. Рекомендуется загружать квадратное изображение.
Имя. В поле вводится имя и фамилия агента.
Департамент. В поле вводится департамент агента.
Ссылка на MAX. В поле необходимо ввести прямую ссылку на ваш профиль в мессенджере MAX.
Настройки пользовательского дизайна
Данные настройки появляются только, если в опции «Тема окна» выбран режим «Пользовательский».
Фон шапки. Опция задает цвет фона шапки во всплывающем окне.
Заголовок окна. Опция задает цвет текста заголовка окна во всплывающем окне.
Описание окна. Опция задает цвет текста описания окна во всплывающем окне.
Иконка закрытия. Опция задает цвет иконки закрытия во всплывающем окне.
Иконка закрытия (при наведении). Опция задает цвет иконки закрытия во всплывающем окне, при наведении на нее курсором мыши.
Фон контента. Опция задает цвет фона центральной части во всплывающем окне.
Имя агента. Опция задает цвет текста имени агента во всплывающем окне.
Имя агента (при наведении). Опция задает цвет текста имени агента во всплывающем окне, при наведении на него курсором мыши.
Департамент агента. Опция задает цвет текста департамента агента во всплывающем окне.
Департамент агента (при наведении). Опция задает цвет текста департамента агента во всплывающем окне, при наведении на него курсором мыши.
Фон агента (при наведении). Опция задает цвет фона блока агента, при наведении на него курсором мыши.
Разделительная линия. Опция задает цвет разделительной линии под блоком агента.
Разделительная линия (при наведении). Опция задает цвет разделительной линии под блоком агента, при наведении на блок агента курсором мыши.
Настройка типографики
Настройки типографики применяются к каждому текстовому элементу на всплывающем окне. Они группированы для названия окна, описанию окна, имени и департаменту агента. В документации описана будет одна группа, но они одинаковые для каждого текстового элемента.
Размер шрифта. В поле указывается размер шрифта. Указывается числом. Единица измерения задается в опции ниже. В CSS аналог свойства font-size.
Единица измерения. Опция задает единицу измерения для размера текста. Доступные значения: px, %, em и rem.
Межстрочный интервал. В поле указывается межстрочный интервал шрифта. Указывается числом. Единица измерения задается в опции ниже. В CSS аналог свойства line-height.
Единица измерения. Опция задает единицу измерения для межстрочного интервала текста. Доступные значения: без единицы измерения, px, %, em и rem.
Жирность. Опция задает жирность текста. В CSS аналог свойства font-weight. Доступные значения: 100, 200, 300, 400, 500, 600, 700, 800 и 900.
Регистр. Опция задает регистр текста. В CSS аналог свойства text-transform. Доступные значения: первые заглавные, строчные, верхний регистр и не менять регистр.
Стиль шрифта. Опция задает стиль текста. Доступные значения: обычный, курсив и наклон.
Декоративное оформление. Опция задает декоративное оформление текста. Доступные значения: без оформления, подчеркнутый, линия над текстом и перечеркнутый.
Режим «Карточка»
В данном режиме будет добавлена статическая карточка с информацией о менеджере, нажав на которую откроется чат в мессенджере MAX. Настройки находятся во вкладке «Карточка» настроек модуля.
Основные настройки
Ссылка на MAX. В поле необходимо ввести прямую ссылку на ваш профиль в мессенджере MAX.
Тема карточки. Опция задает цвет оформления карточки. Светлый — предварительно настроенный светлый дизайн окна. Темный — предварительно настроенный темный дизайн окна. Пользовательский — дизайн темы можно настроить в группе опций «Собственный дизайн».
Аватар. Опция задает тип аватара оператора в карточке. Может быть: иконка мессенджера или фото.
Фото. Опция позволяет загрузить изображение через медиа-загрузчик Joomla. Рекомендуется загружать квадратное изображение.
Форма фото. Опция позволяет задать форму фото оператора. Доступные значения: круглое, квадратное и скругленное.
Имя. В поле вводится имя и фамилия оператора.
Департамент. В поле вводится департамент оператора.
Приветствие. В поле вводится приветственное сообщение оператора.
Настройки блока с карточкой
Добавить внешние отступы. Если выбрано значение «Да», к карточке будут применяться внешние отступы из настроек ниже.
Сверху. В поле указывается расстояние от верхнего блока до карточки. Указывается в пикселях.
Справа. В поле указывается расстояние от блока справа до карточки. Указывается в пикселях.
Снизу. В поле указывается расстояние от нижнего блока до карточки. Указывается в пикселях.
Слева. В поле указывается расстояние от блока слева до карточки. Указывается в пикселях.
Единица измерения. Опция задает единицу измерения, которая будет добавляться к внешним отступам. Можно выбрать: px, % и em.
Добавить внутренние отступы. Если выбрано значение «Да», к карточке будут применяться внутренние отступы из настроек ниже.
Сверху. В поле указывается расстояние от верхней границы до содержимого карточки. Указывается в пикселях.
Справа. В поле указывается расстояние от правой границы до содержимого карточки. Указывается в пикселях.
Снизу. В поле указывается расстояние от нижней границы до содержимого карточки. Указывается в пикселях.
Слева. В поле указывается расстояние от левой границы до содержимого карточки. Указывается в пикселях.
Единица измерения. Опция задает единицу измерения, которая будет добавляться к внутренним отступам. Можно выбрать: px, % и em.
Скругление углов. Если выбрано значение «Да», то у блока с карточкой будут скругленные углы. Аналог CSS: border-radius.
Радиус скругления. В поле указывается радиус, на который должна скругляться углы карточки.
Единица измерения. Опция задает единицу измерения, которая будет добавляться к радиусу скругления карточки. Можно выбрать: px, % и em.
Настройки пользовательского дизайна
Данные настройки появляются только, если в опции «Тема карточки» выбран режим «Пользовательский».
Фон карточки. Опция задает цвет фона карточки.
Иконка. Опция задает цвет иконки карточки.
Имя оператора. Опция задает цвет текста имени оператора.
Разделительная линия. Опция задает цвет разделительной линии между именем и департаментом оператора.
Департамент оператора. Опция задает цвет текста департамента оператора.
Приветствие. Опция задает цвет текста приветственного сообщения оператора.
Настройка типографики
Настройки типографики применяются к каждому текстовому элементу на карточке. Они группированы для имени, департаменту и сообщению оператора. В документации описана будет одна группа, но они одинаковые для каждого текстового элемента.
Размер шрифта. В поле указывается размер шрифта. Указывается числом. Единица измерения задается в опции ниже. В CSS аналог свойства font-size.
Единица измерения. Опция задает единицу измерения для размера текста. Доступные значения: px, %, em и rem.
Межстрочный интервал. В поле указывается межстрочный интервал шрифта. Указывается числом. Единица измерения задается в опции ниже. В CSS аналог свойства line-height.
Единица измерения. Опция задает единицу измерения для межстрочного интервала текста. Доступные значения: без единицы измерения, px, %, em и rem.
Жирность. Опция задает жирность текста. В CSS аналог свойства font-weight. Доступные значения: 100, 200, 300, 400, 500, 600, 700, 800 и 900.
Регистр. Опция задает регистр текста. В CSS аналог свойства text-transform. Доступные значения: первые заглавные, строчные, верхний регистр и не менять регистр.
Стиль шрифта. Опция задает стиль текста. Доступные значения: обычный, курсив и наклон.
Декоративное оформление. Опция задает декоративное оформление текста. Доступные значения: без оформления, подчеркнутый, линия над текстом и перечеркнутый.
Настройка аналитики
Аналитика нужна, чтобы передавать данные событий в Google Analytics и цели в Яндекс Метрику. Работает это так: пользователь нажал на кнопку, а данные передались в активированный сервис. Коды интеграции с сервисами должны быть установлены на сайт. Настройки находятся во вкладке «CSS и JS» настроек модуля.
Включить аналитику. Если выбрано значение «Да», то взаимодействие с аналитикой будет интегрировано в виджет.
Включить Google Analytics. Если выбрано значение «Да», то взаимодействие с Google Analytics будет активировано.
Создание событий в Google Analytics описаны в официальной документации и доступны по ссылке: https://support.google.com/analytics/answer/12844695?hl=ru. Вводимые данные в настройках модуля должны быть настроены в сервисе.
Имя параметра. В поле заполняется идентификатор параметра, созданного в Google Analytics.
Значение параметра. В поле заполняется значение параметра, созданного в Google Analytics.
Включить Яндекс Метрику. Если выбрано значение «Да», то взаимодействие с Яндекс Метрикой будет активировано.
Счетчик Яндекс Метрики. В поле нужно ввести числовой идентификатор Яндекс Метрики вашего счетчика.
Название цели. В поле заполняется идентификатор цели JavaScript, созданной в Яндекс Метрике.
Настройка дополнительного CSS и JS
Настройки дополнительных стилей и скриптов находятся во вкладке «CSS и JS» настроек модуля.
CSS-код. В поле заполняется CSS-код, который должен быть добавлен на сайт. Пример кода показан ниже:
.class{
color:white;
}
JS-код. В поле заполняется JavaScript код, который должен быть добавлен на сайт. Пример кода показан ниже:
alert(HelloWorld!');
Функция вызова всплывающего окна
Для режимов «Карточка менеджера» и «Список агентов» имеется функция вызова всплывающего окна. Для её использования необходимо вызвать JavaScript функцию методом onClick: openIwsbyMaxID();.
В этой функции необходимо вместе «ID» указать числовой идентификатор вашего модуля. Этот идентификатор можно найти в панели администратора, в списке всех модулей вашего сайта. В таблице имеется колонка «ID» в ней находятся идентификаторы модулей. В строке модуля кнопки, в соответствующей колонке находится нужный вам идентификатор.
К примеру идентификатор модуля 20. С идентификатором функция вызова всплывающего окна будет выглядит так: openIwsbyMax20();
Данную функцию можно вызывать двумя методами:
1) Вызов через метод onClick:
<a href="#" onClick="openIwsbyMax20();return false;">Ссылка</a>
Обратите внимание, что после функции добавляется return false — это отключает переход по ссылке. Чтобы страница не обновлялась, необходимо добавлять данный элемент.
<a href="javascript:openIwsbyMax20()">Ссылка</a>
Вы можете использовать любой метод на ваш выбор. Первый метод рекомендуется использовать, если он применяется к обычным не кликабельным объектам на странице вашего сайта. Второй рекомендуется применять к кнопкам и ссылкам, так как он задаётся через адрес ссылки.
