# WiX

**Add Your Product to Your WiX Store (Skip if Already Added)"**

After setting up your store on Wix, you will need to add your custom products. If you have your products added you can  skip this part.

**To add your product:**

* Head over to "**Set up**" on the left hand side of your dashboard.
* Under Set up, click on **Add your first product**
* Add your product image and every other details
* Hit **save** when you are done.

<figure><img src="/files/hFoiFF5MGTzvt21RVhrH" alt=""><figcaption></figcaption></figure>

### (One time) Add the SwiftXR Widget to your Product Page

To add the 3D/AR/VR view to your product page:

1. Go to WiX Website Editor and switch to the product page

<figure><img src="/files/Cm7n7mE5vT66c4SofMPC" alt=""><figcaption></figcaption></figure>

2. Click on "Apps" and select "SwiftXR Viewer" and add the widget to your page.

<figure><img src="/files/lsnQNxth87Sl0UDQkVzw" alt=""><figcaption></figcaption></figure>

3. Move the widget to your desired position. We suggest placing it at the top of the product page for visibility.&#x20;

<figure><img src="/files/uAxklSKLylDPhUOARyRj" alt=""><figcaption></figcaption></figure>

The viewer will be automatically hidden if there is no corresponding SwiftXR URL for the product.

Important: SwiftXR does not change the look of your website. You can add the SwiftXR Viewer to different parts of your page by opening the widget settings and turning on the optional link feature.

## Step 1 - Go to the SwiftXR Hub and Create a Project

To create a SwiftXR project and publish your 3D Model, visit the SwiftXR Hub. SwiftXR accepts multiple file formats such as fbx, obj, stl, gltf, and images.

(Optional) You can also use templates for quick starts

<figure><img src="/files/JMgmCAekXd6B6WSpc05U" alt=""><figcaption></figcaption></figure>

### Step 2 - Add a 3D Component and Upload your 3D Model

From the component tab, click or drag and drop a 3D viewer component to add it to the white canvas. Select the "Properties" tab to upload a 3D model, import from a 3D store or Request a 3D model from <support@swiftxr.io>.

(Optional) To make sure that only your 3D model is visible, make sure to remove any other components on the SwiftXR Canvas.

<figure><img src="/files/I09OMN0R57QPLHYdTncX" alt=""><figcaption></figcaption></figure>

### Step 3 - Publish your Project

To publish your project, click the "Publish" button located at the top right corner of the SwiftXR Editor and then select "Publish Project".

(Optional) You can customise the project URL before you publish.

<figure><img src="/files/nQAnHB2Gvv2YdZWZDYNu" alt=""><figcaption></figcaption></figure>

### Step 4 - Copy the Published Project URL&#x20;

***

After publishing your project, copy the published project URL then close editor

**Important:** Make sure that your project URL has the "swiftxr.app" domain, otherwise our servers will mark it as invalid. You can also view and share the project using the published project URL

### Step 5 -  Paste your Published Project URL  and Publish your Website

<figure><img src="/files/kcAwK3TZ5xIq4pxpXXFS" alt=""><figcaption></figcaption></figure>

### Congratulations! You have successfully added 3D/AR/VR views to your shop. Enjoy exploring your products in a whole new way!

***

Visit your published site after publishing, head over to that particular product to view your 3D entry

<figure><img src="/files/NYJTnLDBaOkqJhPjrZ56" alt=""><figcaption></figcaption></figure>

SwiftXR automatically switches between different views depending on the product and shows the correct link as specified in the product dashboard.

Note: Keep adding your 3D models to your store to make it more interactive.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide.swiftxr.io/plugins/wix.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.