Skip to main content
How does it work?

How Cloudinary 3D allows you to create immersive visuals, seamlessly integrating them into your website using scripts, APIs, and customizable settings.

Updated this week

How Cloudinary 3D works:

  1. Upload a 3d model.

  2. Choose your goal:

    • Create on-site 3d viewer, 3D configurator, or AR experience.

    • Create product images (packshots or lifestyle images) and videos.

    Adjust the lighting setting and angles to best showcase your product. You can use one of the predefined templates or create your own.

  3. Add the new assets to your site by embedding a code snippet.
    Scale using a developer API.
    ​

Display the assets on your website

Display the generated images, videos, and 3D models in a 3D viewer using JavaScript and HTML.

  1. Include the Cloudinary 3D tag script to display images and videos on your website.

  2. Include the 3D Viewer script to display 3D models on your website.

  3. Configure the image, video, and 3D model viewers in JavaScript.

  4. Either use special HTML attributes to display your assets on the page or use the tag's API.

Did this answer your question?