Создание ссылки на открытие Визуализатора с определённым продуктом

Наш продукт позволяет создавать ссылки на открытие Примерочной с уже наложенным продуктом и определённым интерьером. Данную ссылку можно поместить, например, в соцсети, каталог, на сайт и др. Также дополнительно можно привязать данную ссылку к соответствующему QR-коду (см., пожалуйста, ниже).

Ознакомьтесь, пожалуйста, с нашими инструкциями по добавлению функционала, при котором Примерочная запускается с уже выбранными интерьером и (или) продуктом [OLD] Launching the Visualizer with a predefined room scene or/and a predefined productarchived. В случае если Вы хотите создать именно отдельную ссылку, Вам нужно будет добавить в скрипт информацию о выбранном интерьере и продукте.

Вы можете использовать отдельную страницу на своём сайте и воспользоваться GET-параметрами для передачи выбранного интерьера и продукта.

Пример ссылки: https://your-website.com/fitting-room?room= selected_room_uuid&product=product_vendor_code&open_visualizer=1

<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) {
        const paramsString = window.location.search; //get url params
        const searchParams = new URLSearchParams(paramsString); //parse url params


        const floatingButton = new window.WFloatingButton({
            token: "5sqE3XBME9tOTgZfc8bI5IxritvBLfwuJWU7txisyrliCpifqKRa7LHYJ7cz",
            element: document.getElementsByTagName("body")[0]
        });

        floatingButton.set({ vendorCode: searchParams.get('product') }); //a product vendor code from url params

        floatingButton.render({
            parameters: JSON.stringify({
                room_uuid: searchParams.get('room'), //a room uuid from url params
            })
        });
        
        // open Visualizer after page load
        if (searchParams.get('open_visualizer') === "1") {
          floatingButton.open();
        }
    });
</script>
</body>
</html>

При помощи сервисов по генерации QR-кодов Вы также можете создавать QR-коды со ссылкой на сайт с определёнными конфигурациями.