How to add a spherical 360 render in my webpage and interact with hotspots

I want to integrate a 360 render in my webpage where the user can rotate the image and click on hotspots in the image. 1.How can I integrate this into my webpage? 2.How can I create the hotspots in the image? 3.And how can get the interaction of 360 rotation of the image?

I am trying to achive something similar to this https://www.target.com/c/360-degree-shoppable-rooms/-/N-mng3h