...
Our deployment kit supports a special parameter called “parameters“ in order If you need to send some predefined values. In this case you have abbility to open the fitting room with selected room for specific product e.g. you can open the bedroom for products which you recommend use in ths room.
Opening with a predefined room
In general you have to use room identifier to open the fitting room with predefined room.
You can contact with our managers in order to obtain room_uuid for a room.
...
, you can use a special parameter called ‘’parameters’’ from our Deployment Kit. This option would allow you to skip the step of room selection and launch the Visualizer with the chosen room scene and a specific product applied to the surface.
For example, you can choose bedroom as the room scene your Visualizer will be launched with, and select a pattern matching this room type. So, when your customer clicks the entry point button on your website, she or he will see a particular room and a pattern you want them to start with.
All you need to do is to add certain parameters to your integration.
Launching the Visualizer with a predefined room scene
You have to use a room identifier to launch the Visualizer with a predefined room scene.
Please, request room_uuid for a room scene via Wizart Help Center - Integration tab.
| Expand |
|---|
| title | option #1: launching the Visualizer with a predefined room scene |
|---|
|
| Code Block |
|---|
| <html>
<head></head>
<body>
<script
class="wizart__floating-button"
data-title="Custom button title"
data-token="5sqE3XBME9tOTgZfc8bI5IxritvBLfwuJWU7txisyrliCpifqKRa7LHYJ7cz"
data-parameters='{"room_uuid":"184164cb-2a4d-49b7-a716-50685b3cd70d"}'
src="https://wizart-filesd35so7k19vd0fx.fra1.cdn.digitaloceanspaces.comcloudfront.net/production/integration/floating-button.min.js"
></script>
</body>
</html> |
|
| Expand |
|---|
| title | Opening with option #2: launching the Visualizer with a predefined room variant #2scene |
|---|
|
| Code Block |
|---|
| <html>
<head></head>
<body>
<script type="application/javascript"
defer
src="https://wizart-filesd35so7k19vd0fx.fra1.cdn.digitaloceanspaces.comcloudfront.net/production/integration/floating-button.min.js">
</script>
<script type="application/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
var floatingButton = new window.WFloatingButton({
token: "5sqE3XBME9tOTgZfc8bI5IxritvBLfwuJWU7txisyrliCpifqKRa7LHYJ7cz",
element: document.getElementsByTagName("body")[0]
});
floatingButton.render({
parameters: JSON.stringify({
room_uuid: '184164cb-2a4d-49b7-a716-50685b3cd70d',
})
});
});
</script>
</body>
</html> |
|
...
Launching the Visualizer with a predefined room scene and
...
a predefined product applied
In some situations you will need open case you’d like your Visualizer to launch with a predefined room with scene and a selected product. You will found instruction how to do it below.These variants are predefined product applied to the chosen surface, please follow the instructions below.
The implementation is the same as above and we just need described above, but you will need to add a vendor_code as a parameter.
| Expand |
|---|
| title | Opening with option #1: launching the Visualizer with a predefined room scene and a predefined product variant #1 applied |
|---|
|
| Code Block |
|---|
| <html>
<head></head>
<body>
<script
class="wizart__floating-button"
data-title="Custom button title"
data-token="5sqE3XBME9tOTgZfc8bI5IxritvBLfwuJWU7txisyrliCpifqKRa7LHYJ7cz"
data-vendor_code="Wallpaper 06"
data-parameters='{"room_uuid":"184164cb-2a4d-49b7-a716-50685b3cd70d"}'
src="https://wizart-filesd35so7k19vd0fx.fra1.cdn.digitaloceanspaces.comcloudfront.net/production/integration/floating-button.min.js"
></script>
</body>
</html> |
|
| Expand |
|---|
| title | Opening option #2: launching the Visualizer with a predefined room with scene and a predefined product variant #2applied |
|---|
|
| Code Block |
|---|
| <html>
<head></head>
<body>
<script type="application/javascript"
defer
src="https://wizart-filesd35so7k19vd0fx.fra1.cdn.digitaloceanspaces.comcloudfront.net/production/integration/floating-button.min.js">
</script>
<script type="application/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
var floatingButton = new window.WFloatingButton({
token: "5sqE3XBME9tOTgZfc8bI5IxritvBLfwuJWU7txisyrliCpifqKRa7LHYJ7cz",
element: document.getElementsByTagName("body")[0]
});
floatingButton.set({ vendorCode: 'Wallpaper 06' }); //a product vendor code
floatingButton.render({
parameters: JSON.stringify({
room_uuid: '184164cb-2a4d-49b7-a716-50685b3cd70d',
})
});
});
</script>
</body>
</html> |
|