Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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
titleoption #2: launching the Visualizer with a predefined room scene
Code Block
languagejs
<html>
<head></head>
<body>
<script type="application/javascript"
        defer
        src="https://d35so7k19vd0fx.cloudfront.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 case you’d like your Visualizer to launch with a predefined room scene and a predefined product applied to the chosen surface, please follow the instructions below.

...