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

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

Ознакомьтесь, пожалуйста, с нашими инструкциями по добавлению функционала, при котором Визуализатор запускается с уже выбранными интерьером и (или) продуктом /wiki/spaces/WDP/pages/2682913986. В случае если Вы хотите создать именно отдельную ссылку, Вам нужно будет добавить в скрипт информацию о выбранном интерьере и продукте.

Вы можете использовать отдельную страницу на своём сайте и воспользоваться 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-коды со ссылкой на сайт с определёнными конфигурациями.