Thread by @unicodeveloper

Day 24: What if you are tasked with building an interactive UI that can display business products to customers in a day or less? 🤔

Similar type of UI obtainable in e-commerce/shopify-like stores. How would you go about it? #25DaysOfMediaMagic

Well,...one of the options is to take advantage of @cloudinary's Product Gallery widget.

The Product Gallery requires only pure JavaScript to integrate, is easy to use within any web development framework, & eliminates the need to develop an in-house interactive media gallery.

@cloudinary ...with a few lines of code, of course.

How to set up the widget can be seen in the image below:

That's all it really takes. 😅

The value of the `cloudName` should be replaced by yours. All the assets (pictures) you want displayed in the gallery should be tagged during upload

@cloudinary ..or after upload from the @cloudinary dashboard.

This is how it will look on your site / app after integration. #25DaysOfMediaMagic

@cloudinary When you hover over each individual image, it shows a large enhanced view of the product for the customer to see properly.

Check this out and play with it. demo.cloudinary.com/product-galler…

All with a few lines of code! #25DaysOfMediaMagic

@cloudinary One more thing. Let me shock you a bit.

There's a 360 spin set version of the product gallery. The 360 spin sets allow your users to spin a product around a central axis

There's also a 3D model version of it that allows your customers see the products in 3D. #25DaysOfMediaMagic

@cloudinary To add a 360 spin set, populate the `mediaAssets` parameter with an Asset object: specify the tag used for all images in the 360 spin set, and specify the `mediaType` with a value of "spin".

Check out a sample implementation here cloudinary.com/documentation/… . #25DaysOfMediaMagic

@cloudinary Finally, you can check out this tutorial about adding cloudinary’s product gallery to your Website.

Here it was built and embedded on a WordPress-managed website page. support.cloudinary.com/hc/en-us/artic…

Full documentation here too: cloudinary.com/documentation/… #25DaysOfMediaMagic 🔥🚀

@cloudinary Tomorrow is the 25th and final day of #25DaysOfMediaMagic. Stay tuned & let's celebrate together.

Merry Christmas from your favorite evangelist 😁🎄🤶🎅🥂