Through the <iframe> tag, front-end developers can easily embed the Kivisense AR Sneaker Try-on into any Web page, including your Shopify website. Provide customers with real-time try-on experience and reshape omnichannel sales in the Metaverse. See the steps below on how to implement Shopify AR try-on quickly.
Part 1. Get UID and SKU on Kivisense AR Try-on SaaS Platform
Sign up for a free account on the Kivisense AR Try-on SaaS Platform and create at least one try-on scenario. Here is a detailed guide on how to create AR try-on in 2 minutes.
NOTE: Creating a try-on on your Shopify or any other website requires two important parameters, which are the user ID (UID) and the scenario SKU.
Go to your account profile, click on the "Account Center" and directly copy your UID.
Part 2. Embed Shopify AR Try-on with <iframe> Tag
Add the <iframe> tag to where you want to embed the try-on and set the “allow” attribute to “camera”.
Set the try-on link for the SRC attribute of the iframe tag:
https://tryon.kivisense.com/viewer?user=[YOUR_USER_UID]&sku=[YOUR_SCENARIOS_SKU]&lang=[PAGE_LANGUAGE]
There are three query parameters in this link, with the following meanings:
- user: UID is a required parameter and you can see how to get it in Part 1.
- sku: Your Product SKU, such as reference, style, item number, is also a required parameter.
- lang: The page language is optional, and the default is the browser language. The CN and EN are available now. Note that if it is any other value, the browser language will be used.
That's all about how to embed Kivisense AR shoes try-on into your Shopify website. Implementing Shopify virtual try-on is as simple as ABC.