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. | 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 result of the function | 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 result of the function Значение устанавливаемое в параметр должно быть результатом работы функции | Optional |
Parameter 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. |