# Quickstart

Hangr takes your existing product photos and turns them into interactive 3D viewers that live directly on your Shopify store. No 3D software, no designers, no extra work on your end.

***

## Before you begin

Here's what you'll need to get set up.

* A Hangr account — [sign up free](https://hangrsolutions.com/login?tab=signup)
* A Shopify store with at least one product you'd like to bring into 3D
* Clear product images from multiple angles (front, back, sides) — the more views you provide, the better the result

***

## How Hangr works

Three steps, and your product is live in 3D.

<div data-with-frame="true"><figure><img src="/files/IpMEeUgT5kROVflToDik" alt=""><figcaption></figcaption></figure></div>

{% stepper %}
{% step %}

### Upload your product images

Add photos of your product from multiple angles in the Hangr dashboard. We accept standard image formats — no special photography setup required. The more angles you provide, the more accurate and detailed your 3D model will be.
{% endstep %}

{% step %}

### We generate your 3D model

Hangr's AI processes your images and generates a 3D model automatically. Generation typically takes a few minutes. Once it's ready, you can preview the result and request a regeneration if needed.
{% endstep %}

{% step %}

### Publish the viewer to your Shopify store

Connect your Shopify store, then assign your 3D model to a product. Hangr adds a **View in 3D** block to your product page — no code editing needed. Your customers can rotate, zoom, and explore the product from any angle.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
**Good to know**

Hangr is built for hard goods with defined shapes and clean surfaces. If you're unsure whether your product is a good fit, [get in touch](mailto:hello@hangr.tech).
{% endhint %}

***

## What your customers see

Once published, a 3D viewer appears on your product page. Customers can rotate the product in any direction, zoom in to inspect details, and get a complete picture of what they're buying — without leaving your store.

The viewer loads fast, looks native to your storefront, and works on both desktop and mobile.

***

## Understanding credits

Hangr uses two separate things to measure usage: your **monthly views** and **credits**.

<table><thead><tr><th width="169.73828125"></th><th>What it is</th><th>How it works</th></tr></thead><tbody><tr><td><strong>Monthly Views</strong></td><td>The total number of times customers can load your 3D viewers</td><td>Counted monthly, based on your plan</td></tr><tr><td><strong>Credits</strong></td><td>Used to generate 3D models from your images</td><td>Credits never expire — top-up whenever you need more</td></tr></tbody></table>

***

## Where to go next

Once you're oriented, these guides cover the details.

* [Capturing your products](/hangr-docs/hangr-platform/image-capture-guide.md)
* [Uploading your first product](/hangr-docs/hangr-platform/model-generation.md)
* [Connecting your Shopify store](/hangr-docs/integrations/shopify-integration.md)
* [Plans & Pricing](/hangr-docs/hangr-platform/plans-and-pricing.md)


---

# 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://hangr.gitbook.io/hangr-docs/hangr-platform/quickstart.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.