Opening the fitting room with a predefined room or/and a predefined product

See more about Floating button and Entry point button

Our deployment kit supports a special parameter called “parameters“ in order 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.

Opening with predefined room variant #1

<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-files.fra1.cdn.digitaloceanspaces.com/production/integration/floating-button.min.js"
></script>
</body>
</html>

Opening with predefined room variant #2

<html>
<head></head>
<body>
<script type="application/javascript"
        defer
        src="https://wizart-files.fra1.cdn.digitaloceanspaces.com/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>

Openenig with a predefined room and with a predefined product

In some situations you will need open a predefined room with a selected product. You will found instruction how to do it below.

These variants are the same as above and we just need add a vendor_code as a parameter.

Opening with predefined room and a predefined product variant #1

<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-files.fra1.cdn.digitaloceanspaces.com/production/integration/floating-button.min.js"
></script>
</body>
</html>

Opening with a predefined room with a predefined product variant #2

<html>
<head></head>
<body>
<script type="application/javascript"
        defer
        src="https://wizart-files.fra1.cdn.digitaloceanspaces.com/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>