Для установки кнопки на сайт необходимо разместить несколько строк JS кода в том месте, где вы хотите увидеть кнопку. Минимальное количество кода необходимого для интеграции расположено ниже
<script class="wizart__entry-point" data-token="token" src="https://wizart-files.fra1.digitaloceanspaces.com/production/integration/floating-button.min.js"></script>
Кнопка поддерживает параметры, которые описаны ниже.
<script class="wizart__floating-button" data-title="Custom button title" data-token="token" data-vendor_code="" data-article_query="" data-parameters="" data-background="" data-tooltip_title="" data-tooltip_position="" data-tooltip_disable="" data-glitter_disable="" data-width="" data-height="" data-border_radius="" data-class_name="" data-compact="" src="./floating-button.min.js" ></script>
Параметр | Описание | Тип |
---|---|---|
class | Обязательный параметр. | обязательный |
src | Ссылка на js файл с кодом интерации. | обязательный |
data-token | api token - генерируется и выдается администратором Wizart. | обязательный |
data-title | Текст, который будет отображаться на кнопке (по умолчанию "Try it in your room in one click!"). | опциональный |
data-vendor_code | Vendor code артикула загруженного в систему Wizart. | опциональный |
data-article_query | Не обходим в том случае если параметра data-vendor_code не достаточно для поиска артикула в системе Wizart. Значение устанавливаемое в параметр должно быть результатом работы функции | опциональный |
data-background | Background кнопки. | опциональный |
data-tooltip_disable | Если передано значение true, подсказка отображаться не будет. | опциональный |
data-tooltip_title | Текст, который будет отображаться в подсказке (по умолчанию "See it in your room!"). | опциональный |
data-tooltip_position | Расположение подсказки относительно кнопки. Доступны значения: top, right, bottom, left (по умолчания top). | опциональный |
data-glitter_disable | Если передано значение true, блик отображаться не будет. | опциональный |
data-width | Ширина кнопки. | опциональный |
data-height | Высота кнопки. | опциональный |
data-border_radius | border-radius кнопки. | опциональный |
data-class_name | Класс, который будет установлен элементу кнопки на странице. | опциональный |
data-compact | Если передано значение true, кнопка будет отображаться в компактном виде. | опциональный |
data-parameters | Значение устанавливаемое в параметр должно быть результатом работы функции | опциональный |
Параметры для атрибута data-parameters
Параметр | Описание |
---|---|
logo_path | Ссылка на логотип. Предпочтительно в формате svg. Логотип должен занимать всю высоту картинки без отступов сверху и снизу. |
menu_items | Дополнительные поля в меню в формате: [{ title: string }]. |
do_not_show_info_about_app | Если передано значение 1 пункт меню "О приложении" не будет показан. |
original_url | Cсылка на страницу. Служит для перенаправления из постов в социальных сетях. |
twitter_mention | Mention вашего twitter аккаунта в фортмате @your_twitter_mention. |