How to use AR Links on WooCommerce Sites

These are the following steps to use AR links in a WooCommerce Shop:

1. Once you are inside the Admin Dashboard, click on ‘Products’ and then ‘All Products’ tab on the left.

2. In the Products section you can select any existing individual product in which you want to display the AR Model viewer and click ‘edit’ or click on the ‘Add New’ button on top to create a separate new product.

3. Copy the code for the 3D Model that you want to display.

Example: <iframe src="https://ar-4u.com/jqwO" width="100%" allow="xr-spatial-tracking *; fullscreen *;" allowfullscreen="" height="100%" ></iframe>

4. Edit an existing product and choose the location where you want to display the AR viewer on that product page or create an entirely new product page and paste the code that you copied in content area.
Below is an example of using the code in ‘Product Description’ section:

Below is an example of using the code in ‘Product Description’ section:

5. You can edit the code to change the width and height percentage of the AR viewer.

6. Click on ‘Publish’ button if it is a new page or ‘Update’ button if it is an existing page to save the changes made in the page.

7. Copy the URL or Permalink of the product page and paste it in the address bar of the browser to view the AR viewer on your product page.

Following is an example of the AR Viewer beside the Product Gallery:

Following is an example of the AR Viewer in the ‘Description’ section: