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

« Previous Version 3 Next »

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:

<script class="wizart__entry-point" data-token="token" src="https://wizart-files.fra1.digitaloceanspaces.com/production/integration/entry-point.min.js"></script>

Entry point button maintains the following parameters:

<script
  class="wizart__entry-point"
  data-token="token"
  data-title=""
  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=""
  src="./entry-point.min.js"
></script>

Parameter

Description

Type

class

Required parameter.
Cannot be changed.

Required

src

Link to js-file with integration code.

Required

data-token

api token - generated 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

Unique SKU ID of the product uploaded to Wizart system.

Optional

data-article_query

Required in the case if parameter data-vendor_code is not enough for product search in the Wizart system. Parameter value should be a result of the functionJSON.stringify();.

Optional

data-background

Button background.

Optional

data-tooltip_disable

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

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-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

Parameters

Description

logo_path

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

If the value is 1, the menu item “About the application“ will not be displayed.

original_url

Link to the page. This link is required for redirecting from posts shared on social media.

twitter_mention

Mention of your twitter account in the format @your_twitter_mention.

  • No labels