...
Code Block | ||
---|---|---|
| ||
<script class="wizart__entry-point" data-token="token" src="https://wizart-filesd35so7k19vd0fx.fra1.cdn.digitaloceanspaces.comcloudfront.net/production/integration/entry-point.min.js"></script> |
...
Code Block | ||
---|---|---|
| ||
<script class="wizart__entry-point" data-token="token" data-title="" data-vendor_code="" data-article_query="" data-parameters="" data-image="" data-color="" data-background="" data-tooltip-title="" data-tooltip-position="" data-tooltip-disable="" data-glitter-disable="" data-width="" data-height="" data-border="" data-border_radius="" data-class_name="" data-onload-callback="" data-on-close-callback="" data-on-button-click="" data-element-selector="" data-insert-element-position="" data-iframe-element-selector="" data-insert-iframe-element-position="" src="https://wizart-filesd35so7k19vd0fx.fra1.cdn.digitaloceanspaces.comcloudfront.net/production/integration/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 a result of the function | Optional |
data-color | Button text color. | 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 | Button border | Optional |
data-border_radius | Button border-radius | Optional |
data-image | Link to the icon that will be displayed on the button | 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 | Optional |
data-onload-callback | The name of the function to be in the global scope. The function will be called when the visualizer is loaded. | Optional |
data-on-close-callback | The name of the function to be in the global scope. The function will be called after the visualizer is closed. | Optional |
data-element-selector | A CSS selector to select an element on the page to insert a button where you want. | Optional |
data-insert-element-position | The insertion position of the element. Values: append, before, after. default value: append. | Optional |
data-iframe-element-selector | A CSS selector to select an element on the page to insert the fitting room where you want. | Optional |
data-insert-iframe-element-position | The insertion position of the element. Values: append, before, after. default value: append. | Optional |
Additional parameters for “data-parameters” attribute
Parameters | Type | Description |
---|---|---|
user_id | string | User identifier or Device identifier |
context | array | |
main_page_link | string | Link added to your clickable logo. |
open_first_room | bool 1/0 | Skipping step a room selection and open any first room |
room_uuid | string | The room with the selected uuid will be opened |
deactivate_custom_photo | bool 1/0 | For deactivating uploading photo. |
Two-way shopping cart synchronization:
...
Code Block | ||
---|---|---|
| ||
<script type="application/javascript" src="https://wizart-filesd35so7k19vd0fx.fra1.cdn.digitaloceanspaces.comcloudfront.net/production/integration/entry-point.min.js"></script> |
...
Code Block | ||
---|---|---|
| ||
const entryPoint = new window.WEntryPoint({ token: "your token for wizart", element: "link to the element to insert the entry point button", // example document.getElementById("0000") vendorCode: "vendor code for first apply", articleQuery: Json.stringify({ vendor_code: 'vendor code for first apply', collection_name: '', }), }); |
Parameter | Description | Type |
---|---|---|
token | api token - generated and issued by Wizart Administrator. | Required |
element | link to the element to insert the entry point button (e.g | Optional |
vendorCode | Unique SKU ID of the product uploaded to Wizart system. | Optional |
articleQuery | vendor_code (unique SKU ID of the product uploaded to Wizart system) | Optional |
Info |
---|
Element |
...