Let’s say you have the desire to show your buyers not the usual pictures with a limited number of angles but an interactive 3D. An excellent decision – your conversion rate will soon be up to 30% higher.

Product photography

Where to start? To begin with, you need to be clear on whether you want to shoot the images yourself or entrust that to a professional photographer. Assess your capabilities – you will need to record a video of the object rotating around its axis. If you know how to take pictures on a white background and you have a turntable or plan on buying one, you can find basic instructions here. The process is really very simple and easy to understand.

See our webinar

Alternatively, you can send a request on the website, and our partners will assist you – read more.

So, everything is ready, and you have the files with the objects.  Now, if you haven’t created an account yet, this is the time to do so. Follow the link and create an account. You can use a FREE account for now and check to make sure everything suits you. However, if you don’t want to see our watermark, you can start with a Basic account right away.

After registering your account, you can download the program if you haven’t done it yet. Click Download and install Easy 3D Scan. To launch the program, use your username and password.

To upload the 3D View to your account, you need to open the file and click Upload.

How to create and embed 3D into your online store

Now enter the name (any name of your choice) of the 3D View you are uploading. Do the same for all 3D Views.

How to create and embed 3D into your online store

Now it’s time to get the iframe code and embed it in your site or store. Go to your account on 3d.cappasity.com, and sign in.

How to create and embed 3D into your online store

Open the 3D View you have uploaded and click Embed.

How to create and embed 3D into your online store

See the code? You need to highlight and copy it.

Now we will figure out where you can embed it. All store or website constructors usually allow the iframe to be embedded as a source code (HTML) within the product description.

You can see some examples below:

WordPress

Use RAW Html widget (Visual Composer)  to add the iframe code. Or you can switch to Text and paste the iframe code.

Prestashop

Install a free module from Cappasity, and follow the link for instructions:  https://cappasity.com/prestashop/

Shopify

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

How to create and embed 3D into your online store

  • Click Show HTML
  • Copy the iframe code from the Cappasity platform to the clipboard

How to create and embed 3D into your online store

  • Paste the iframe code into the text

How to create and embed 3D into your online store

  • Press HTML again. If you have done everything correctly, you will see the 3D View.

How to create and embed 3D into your online store

Example of how this will look on the website- https://www.hilosagrado.com/products/aqua-m01

 

Magento

  • Select Products, Catalog, and click Add product

How to create and embed 3D into your online store

  • Select Content, Description

If you don’t see the edit panel, click Show / Hide Editor. Now click HTML button

How to create and embed 3D into your online store

  • Paste your iframe code in the window which appears.

8

  • Click Update and Save.
  • If you have done everything correctly, you will see the 3D View in the product description.

 

BigCommerce

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

How to create and embed 3D into your online store

  • Click HTML button

How to create and embed 3D into your online store

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

How to create and embed 3D into your online store

  • Paste the iframe code in the text

How to create and embed 3D into your online store

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

How to create and embed 3D into your online store

  • 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

How to create and embed 3D into your online store

 

Contact us for any questions!

[email protected]