To make the area over your character clickable, you can make a button out of a rectangle with no stroke and no fill. Set the action to go to state 2 for the pop-up.
For the pop-up, although you can use the Pop-up Builder, the pop-up would need to be resized and repositioned, so it might be better to make it from scratch. The pop-up is made from a multi-state object (MSO) with the first state containing an empty-looking state that actually contains another rectangle with no stroke and no fill. The second state can contain your content including 2 buttons, one set to go back to the first state and the other to also go back to the first state and to go to where you have the more information (presumably to go to a URL that opens in a new tab or possibly a lightbox).
Once the interactions are set up, then you can export by going to in5 > Easy Export Wizard and selecting the type of output you want. After your content is exported, upload it to your webserver. Here's an article where Justin describes the process of creating a document, exporting it, and uploading it to a web server. It uses a flipbook as an example, but you can select a different type of output when you export. The rest of the process is the same.