Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Для установки кнопки на сайт необходимо разместить несколько строк 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. Значение устанавливаемое в параметр должно быть результатом работы функции JSON.stringify();.

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

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

Значение устанавливаемое в параметр должно быть результатом работы функции JSON.stringify(); Сюда можно передать дополнительные параметры указынные в таблице ниже.

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

Параметры для атрибута 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.

  • No labels