How to Embed Augmented Reality Try On Links in Shopify

Follow the directions in this tutorial to embed your Jewelry Hub Augmented Reality Try On links onto your Shopify product pages.

1. Make sure you first have created an Augmented Reality Try On link for your product. If you have not created a Try On link for your product yet, follow the instructions in the article here

 

2. In the Jewelry Hub navigate to the Try on link item for which you would like to generate an Augmented Reality button and click on the "Get Share Link" button.

Screen Shot 2022-04-05 at 12.56.49 PM

3. In the Share link pop up select the "Embed Button" tab.

Screen Shot 2022-04-05 at 12.52.47 PM

 4. Once in the "Embed Button" tab, select your button style and press on "Copy."

Screen Shot 2022-04-05 at 12.54.45 PM

5. In your Shopify Admin Portal, navigate to the products section and select the product for which you would like to add the augmented reality button. 

Screen Shot 2022-04-05 at 12.45.59 PM

6. In the product page, click on the "Show HTML" icon in the product description's text edit options.

Screen Shot 2022-04-05 at 1.00.21 PM

7. Place or paste the code snippet which you have copied from the Jewelry Hub under the product description if you would like the button to be displayed under the product description or above the product description if you would like the button to be displayed above the product description.  Once the code snippet has been pasted, press "Save."

Screen Shot 2022-04-05 at 1.04.28 PM-1

8. After saving the product changes, press "Preview."

Screen Shot 2022-04-05 at 1.08.39 PM

9. The Augmented Reality button should be present either under or above the product description area.

Screen Shot 2022-04-05 at 1.10.39 PM

10. Repeat this process for other products for which you would like to add Augmented Reality jewelry experiences of your products.