> For the complete documentation index, see [llms.txt](https://guide.swiftxr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.swiftxr.io/how-to/how-to-publish-your-first-project-with-swiftxr.md).

# How to Publish Your First Project with SwiftXR

Have you ever been in a what I ordered VS what I got situation? That is the height of online shopping distrust and your customers shouldn’t have that experience with your brand. 

With SwiftXR, you can close that gap by giving prospective buyers a full 360 degree view of your product, or make interactive experiences that allow them to trust what they are buying. 

So, whether you’re a Shopify merchant looking to showcase products in 3D, an educator bringing lessons to life, an art exhibitor reaching global audiences, or a real estate company offering virtual property tours, SwiftXR makes creating and publishing immersive experiences easier than ever.

In this guide, we’ll walk you through how to publish your first project with SwiftXR in 6 easy steps. Let’s get into it.

## Step 1: Sign up or Log in

Start by creating a free account on the SwiftXR page and [sign in](https://home.swiftxr.io/) as an old user or start for free as a new user.

<div data-full-width="false"><figure><img src="/files/XPWfTzLDCR29aSblyNpW" alt=""><figcaption></figcaption></figure></div>

## Step 2: Choose Your Project Type

Next, click the “Create Project” tab to go to the canvas where you will create your 3D, AR/VR experience.

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

You can use it for various projects depending on your needs, from XR product demo, interactive educational content, 3D property tour, virtual art gallery, etc. To make things easy, you can choose from our pre-built templates and start building.&#x20;

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

## Step 3: Upload Your Assets

If you decide to use your product instead of using pre-build templates, on the SwiftXR editor > select components > select any of the components from Augmented Reality, Virtual Reality, Standalone 3D Viewer, Face Tracking, Image Tracking, depending on what you want to create.

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

Then upload the image you want to work with from your device:

* Upload a 3D model file from your device
* Explore our Model Library with ready-to-use 3D Models&#x20;
* Use SwiftXR image converter
* Order a custom 3D model&#x20;

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

Ensure the file format and size align with the SwiftXR requirements to ensure a smooth view and loading on any device.

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

## Step 4: Customize Your XR Experience

Once assets are uploaded, it is time to play around by creating various immersive experiences on the object using the Design > Properties Tab.&#x20;

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

You can include hotspots to highlight key product features, change the colours, and other elements as you wish. However, ensure you are not overloading your project with too much experience to avoid overwhelm.

<figure><img src="/files/5f0qbKn7y127sl2YR4if" alt=""><figcaption></figcaption></figure>

## Step 5: Preview Your Project

When you are done creating your immersive experience, do a quick preview before publishing to see how it looks on various devices from mobile to desktop to ensure everything is set to give your users the best experience regardless of the device they use.&#x20;

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

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

## Step 6: Publish Your Project

Now, it’s time to go live and you can choose from multiple publishing options, which include sharing a direct link, embedding it on your website, generating a QR code, integrating directing on your online store.

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

With SwiftXR, it is easier than ever to create immersive product experiences that look great across multiple devices without the heavy cost of getting a 3D artist, coding or other high XR publishing costs.&#x20;

### Start Publishing

With SwiftXR, you can engage your customers, users or learners more interactively giving them immersive experiences with your products or objects. [Sign up and publish your first project](https://home.swiftxr.io/) today - for FREE!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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/how-to/how-to-publish-your-first-project-with-swiftxr.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.