Other possible ways to integrate on website

Owned by Ekaterina Slesarchik
26-06-2023
3 min read

  • Creating a dedicated link to the Visualizer page - the iframe method is used to embed an iframe within a page at full width. You can use your own URL where the visualizer will be hosted;

  • Adding a trigger to the Visualizer button - the deployment kit, option 1 is being used. You can use it if you want to create your own button, but have it open the visualizer when clicked. There are specifically two options: a floating button and an entry-point button;

  • Adding a disclaimer/pop-up - the additional sweetalert2 library is being used. It is required to display a pop-up when a button is clicked, or when using the onloadCallback, onCloseCallback, onButtonClick parameters;

  • Adding context - different methods are being used, including adding context from the frontend. To complete the full integration, please review this document. The context is designed to use one PIM account for a different set of products on different websites.

  • Adding locales - the deployment kit are being used, including adding locale from the frontend. To complete the full integration, please review this document. Locale is designed to use one PIM account for a set of products in different languages and display them in the visualizer in the required languages. It is usually used in conjunction with context;

  • Checking if a vendor code exists in the PIM - the deployment kit, option 1 is being used. It checks if such a vendor code (SKU) exists in the PIM system. In this example, if it exists, the entry-point button is displayed, and if it doesn't exist, the button is not displayed. This will suit you if not all products from your store are loaded into the PIM system;

  • On the fly Product Rendering via API - API method. On-the-fly rendering is needed to send you images (which are downloaded) with the product already overlaid in the stream. It is used to overlay products (without having to upload them to the PIM system beforehand) without using the PIM system;

  • Specific product(SKU) iframe integration - this is an addition to the iframe method, a version for the product page. The iframe method is used to automatically overlay the product (as an entry-point button) onto the scene. It is not recommended for use;

  • Launching the Visualizer with a predefined room scene or/and a predefined product - deployment kit is used to bypass the room selection and/or product selection stages. These methods can be used separately;

  • Launching the Visualizer with a predefined room scene or/and a predefined collection - deployment kit is used. It is used to bypass the room selection stage and/or the product selection stage and/or the collection selection stage. These methods can be used separately;

  • Creating a direct link launching the Visualizer with a selected product - deployment kit is used. It is used to create a link with an already applied product using a generated link. It is also possible to create a QR code for this link. This can be used in offline stores;

  • Visualization of customized products - deployment kit is used. If your website offers products that can be customized by your customers, such as black and white murals, flipped designs, or a "create your own wallpaper" function, then this feature is perfect for you. And if your customers can upload their own photos or images to create a unique wallpaper or mural, this feature is exactly what you need.