Page Comparison

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

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

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

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

Expand

title	Инструкции

language

Code Block

js

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


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

...

Versions Compared

Old Version 1

New Version Current

Key