# Hotspot: tips, pins, tricks

**URL:** <https://forum.readymag.com/t/hotspot-tips-pins-tricks/86>\
**Category:** General topics\
**Created:** [March 14, 2022, 2:16pm UTC](https://forum.readymag.com/t/hotspot-tips-pins-tricks/86 "2022-03-14T14:16:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![yanayuu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/yanayuu/32/20_2.png) [@yanayuu](https://forum.readymag.com/u/yanayuu)\
**Post date:** [March 14, 2022, 2:16pm UTC](https://forum.readymag.com/t/hotspot-tips-pins-tricks/86/1 "2022-03-14T14:16:27Z")

</div>

The Hotspot widget consists of the content block (Tip), activated by a trigger (Pin). Designed mainly for footnotes and dropdown menus, Hotspot has much more to offer. For example, the Pin can be made absolutely transparent—allowing for all sorts of playful user experience.

[![](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/b8a1294461dd9158f8ac0a6a86b02bccf431114a.jpeg "Hotspot Updated in Readymag") ](https://www.youtube.com/watch?v=zeJpjvi_Upg)

Do you have an example of Hotspot in use? Please share!

---

<div class="post-metadata">

**Author:** ![officialcsi](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/officialcsi/32/225_2.png) [@officialcsi](https://forum.readymag.com/u/officialcsi)\
**Post date:** [May 27, 2022, 3:04am UTC](https://forum.readymag.com/t/hotspot-tips-pins-tricks/86/2 "2022-05-27T03:04:16Z")

</div>

I was looking for how to create a simple dropdown menu and after many odd tries, I came across this and it worked great. Thanks for the post!

---

<div class="post-metadata">

**Author:** ![goluboi](https://avatars.discourse-cdn.com/v4/letter/g/9e8a1a/32.png) [@goluboi](https://forum.readymag.com/u/goluboi)\
**Post date:** [June 24, 2022, 5:39pm UTC](https://forum.readymag.com/t/hotspot-tips-pins-tricks/86/3 "2022-06-24T17:39:37Z")

</div>

question! i can set the position of the pin to be fixed to the page, however i can’t set the position of the tip. i’d like the pin to be fixed to the top right on the screen and have the tip always show up in the middle of my page, is that possible? here’s the example: [‘daniels website!’ by Daniel Smelansky](https://readymag.com/u4232731995/3751114/) its the ‘about’ button

---

<div class="post-metadata">

**Author:** ![Olga\_Kostyrko](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/olga_kostyrko/32/1293_2.png) [@Olga\_Kostyrko](https://forum.readymag.com/u/Olga_Kostyrko)\
**Post date:** [September 7, 2023, 2:26am UTC](https://forum.readymag.com/t/hotspot-tips-pins-tricks/86/5 "2023-09-07T02:26:30Z")

</div>

how can l make the opacity of the pin to appear on click but disappear when clicking whatever else in the screen?