Для установки кнопки на сайт необходимо разместить несколько строк JS кода в том месте, где вы хотите увидеть кнопку. Минимальное количество кода необходимого для интеграции расположено нижеFor successful integration of this button, you need to add several lines of JS-code to the place, where you would like to display the button. The minimum amount of integration code is:
Code Block | ||
---|---|---|
| ||
<script class="wizart__entry-point" data-token="token" src="https://wizart-files.fra1.digitaloceanspaces.com/production/integration/floating-button.min.js"></script> |
Кнопка поддерживает параметры, которые описаны ниже.Floating button maintains the following parameters:
Code Block |
---|
<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> |
ПараметрParameter | ОписаниеDescription | ТипType | |
---|---|---|---|
class | Обязательный параметр. | обязательныйrequired | |
src | Ссылка на js файл с кодом интерации. | обязательныйLink to js-file with integration code. | required |
data-token | api token - генерируется и выдается администратором Wizartgenerated and issued by Wizart Administrator. | обязательныйrequired | |
data-title | Текст, который будет отображаться на кнопке (по умолчанию Text to be displayed on the button (the default value is "Try it in your room in one click!"). | опциональныйoptional | |
data-vendor_code | Vendor code артикула загруженного в систему Wizart. | опциональныйUnique SKU ID of the product uploaded to Wizart system. | optional |
data-article_query | Не обходим в том случае если параметра Required in the case if parameter data-vendor_code не достаточно для поиска артикула в системе Wizart. Значение устанавливаемое в параметр должно быть результатом работы функции is not enough for product search in the Wizart system. Parameter value should be a result of the function | опциональныйoptional | |
data-background | Background кнопки. | опциональныйButton background | optional |
data-tooltip_disable | Если передано значение true, подсказка отображаться не будет. | опциональныйIf the value is “true”, the tooltip will not be displayed. | optional |
data-tooltip_title | Текст, который будет отображаться в подсказке (по умолчанию Text to be displayed on the tooltip (the default value is "See it in your room!"). | опциональныйoptional | |
data-tooltip_position | Расположение подсказки относительно кнопки. Доступны значения: Tooltip position towards the button. Available values are top, right, bottom, left (по умолчания the default value is top). | опциональныйoptional | |
data-glitter_disable | Если передано значение true, блик отображаться не будет. | опциональныйIf the value is true, glitter will not be displayed | optional |
data-width | Ширина кнопки. | опциональныйButton width | optional |
data-height | Высота кнопки. | опциональныйButton height | optional |
data-border_radius | Button border-radius кнопки. | опциональныйoptional | |
data-class_name | Класс, который будет установлен элементу кнопки на странице. | опциональныйClass to be set for the button element on the page | optional |
data-compact | Если передано значение true, кнопка будет отображаться в компактном виде. | опциональныйIf the value is true, button will be displayed in the compact mode | optional |
data-parameters | Значение устанавливаемое в параметр должно быть результатом работы функции Parameter value should be a result of the function | опциональный |
...
. | optional |
Additional parameters for “data-parameters” attribute
Параметр | Описание |
---|---|
logo_pathСсылка на логотип. Предпочтительно в формате svg. Логотип должен занимать всю высоту картинки без отступов сверху и | снизуLink to your logo. Logo should be preferably in SVG format and occupy the entire height of the image without indentation above and below. |
menu_items | Дополнительные поля в меню в форматеAdditional fields in the menu in format: [{ title: string }]. |
do_not_show_info_about_app | Если передано значение 1 пункт меню "О приложении" не будет показанIf the value is 1, the menu item “About the application“ will not be displayed. |
original_url | Cсылка на страницу. Служит для перенаправления из постов в социальных сетяхLink to the page. This link is required for redirecting from posts shared on social media. |
twitter_mention | Mention вашего twitter аккаунта в фортмате of your twitter account in the format @your_twitter_mention. |