Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Для установки кнопки на сайт необходимо разместить несколько строк 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
languagejs
<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 parameter.
Cannot be changed.

обязательный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 functionJSON.stringify();.

опциональный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 JSON.stringify(); Сюда можно передать дополнительные параметры указынные в таблице ниже.

опциональный

...

.
Additional parameters from the table below can be added to this attribute.

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.