How to create and embed 3D images Adding 3D images to your site is easy with our solution. It just takes 3 simple steps:

1
Shoot a video of your product with any digital camera

2
Use Easy 3D Scan® software to create a 3D image in 3 minutes

3
Upload 3D View to your account on the Cappasity platform and embed it into web, mobile, VR and AR

Limited offer

Cappasity & Photigy

Free lifetime PRO subscription plan ($1200/y value), access to Cappasity’s enterprise clients, and more!

HOW TO APPLY

Looking for more software tutorials and guides?

1

Shoot a high-quality video of your product

First, decide if you want to shoot imagery yourself, or entrust it to a professional. You’ll need to record a video of 1.2 spins of your object. For high-quality results, we recommend shooting with a 4K digital camera, studio lighting, and a motorized turntable for a smooth 360 spin.

Recommended equipment

If you don’t have the equipment or experience, you can reach out to our global network of product imaging experts.

Find a 3D photographer

Ready to try it yourself? For the best results, first check out our tips for how to shoot high-quality videos using the best equipment and set-up.

Shoot high-quality videos

2

Use Easy 3D Scan® software to create a 3D image

First things first: Do you have a Cappasity account? If not – sign up. Once you have an account, download and install the Easy 3D Scan software, and launch with your username and password. You’re all set! Now you can easily create, edit and upload 3D Views to your account on the Cappasity platform.

3

Embed your 3D view into your website

Next, you can embed a 3D View into any website. Go to your Cappasity account and open the 3D View, click the Embed button below the image and copy the embed code. Then paste the code into the web page.

You can also automatically synchronize a product catalog with your Cappasity account using the Cappasity SDK.

+

Tips for embedding into popular online stores, websites and apps

BigCommerce

• Select a product from the catalog or add a new one



• Click HTML button



• Copy the iframe code from the Cappasity platform to the clipboard



• Paste the iframe code in the text



• Click Update. If you have done everything correctly, you will see a yellow rectangle signifying the iframe



• Click Save. Select View store from the menu on the left

• Select the edited product, and you should see your 3D View in the Description field



Magento
Install a free extension from Cappasity.
Download the extension.

Read instructions.
PrestaShop
Install a free module from Cappasity.
PrestaShop Instructions
Readymag
To display product 3D Views on Readymag:
1. Create and upload a 3D View using the Easy 3D Scan software.
2. Open the 3D View on your account, click “Embed”.
3. Configure and copy the embed code.
4. Add an “Embed & Code” widget in Readymag.
5. Paste the embed code.


Read full tutorial
Shopify
Install a free module from Cappasity.
Cappasity 3D and 360 Viewer app
WordPress
Use RAW Html widget (Visual Composer) to add the iframe code. Or you can switch to Text and paste the iframe code.
+

Sharing 3D Views on social channels

Facebook
To share a link to the 3D image with a preview on Facebook:
1. Open the 3D View on the Cappasity platform.
2. Click the Facebook icon under the image.
3. Share the 3D View in a post, story or a private message.

Or share 3D Views as 360° videos. Read instructions
Instagram
Share 3D Views on Instagram as 360° videos. Read instructions

Twitter
To share a fully interactive 3D View on Twitter:
1. Open the 3D View on the Cappasity platform.
2. Click on the Twitter icon under the image.
3. Share the 3D View in a post or a private message.

Medium
You could share a fully interactive 3D View on your Medium blog. Just copy the link to the 3D View on the platform and paste it into the text of your post.

Telegram
To share a link to the 3D image with a preview on Telegram:
1. Open the 3D View on the Cappasity platform.
2. Copy the link and paste it into your message.

Or use the Export Video feature to share 3D view as 360° video.

Try it out now

Curious to try an embedded 3D View in your site first? We’ve made it simple with our sample 3D views. Grab one of the code snippets below and embed it into your site, pasting into the HTML or plain text editor just as you would embed a YouTube video. It’s that easy!

3D Product View

3D Product View

<script async src="https://api.cappasity.com/api/player/cappasity-ai"></script><iframe width="100%" height="330px" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/c35e99ee-2379-467c-9d48-110859ceb2e8/embedded?autorun=0&closebutton=0&logo=0&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=1&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe>

3D Apparel View

3D Apparel View

<script async src="https://api.cappasity.com/api/player/cappasity-ai"></script><iframe width="100%" height="330px" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/8d1a1a9f-9677-4f16-b41e-79be2e04a704/embedded?autorun=0&closebutton=0&logo=0&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=1&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe>

Curious to know how your video will turn out?

You can download this sample video and import it to test out the software.

DOWNLOAD SAMPLE VIDEO

 

Easy 3D Scan™ video tutorials

How to create and embed a 3D View

Read instructions

 

How to create a 3D View from images

Read instructions

 

How to improve the quality of uploaded content: top 3 tips

Read instructions

 

How to avoid the most common mistakes when shooting 3D content

Read instructions

 

How to configure embed code parameters

Read instructions

 

How to change the background color

Read instructions

 

How to improve motion scenes using the align mode

Read instructions

 

How to export a video to Instagram

Read instructions

 

How to export photos for your product page

Read instructions

 

How to export multiple photos from a 3D View

Read instructions

 

How to use batch processing

Read instructions

 

How to use presets

Read instructions

 

How to use Cappasity.AI analytics

Read instructions

 

How to upload a 3D View to another user’s account using a security token

Read instructions

 

How to change the folder for your 3D View files and store them on an external drive

Read instructions

 

How to create annotations for 3D View

How to shoot jewelry

How to shoot watches in the Cappasity 3D View format

Shooting a model in the Cappasity 3D View format

Find a 3D product photographer

Don’t have a studio? We will find a certified photopgapher in your area who can shoot your products in 3D.

MAKE A REQUEST

Ready to take your online shopping experience to the next level?

Bring an in-store browsing experience to online retail with Cappasity.

SIGN UP FREE