# Adding Definition Popups in Ghost Articles **URL:** \ **Category:** Routing\ **Created:** [July 15, 2024, 3:28am UTC](https://forum.ghost.org/t/adding-definition-popups-in-ghost-articles/48823 "2024-07-15T03:28:12Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![Malick\_Reinhard](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/malick_reinhard/32/31238_2.png) [@Malick\_Reinhard](https://forum.ghost.org/u/Malick_Reinhard)\ **Post date:** [July 15, 2024, 3:28am UTC](https://forum.ghost.org/t/adding-definition-popups-in-ghost-articles/48823/1 "2024-07-15T03:28:12Z")
Hello everyone, I am currently customizing my Ghost site and I would like to add a specific feature: definition popups in the text. My goal is to allow readers to hover over certain words or phrases to display a definition or explanation without leaving the page. More specifically, I want to be able to add different definitions in each article. Here are some additional details about what I want to achieve: - When a user hovers over a specific word or phrase, a popup (or tooltip) appears with a definition or explanation. - The definitions should be customizable individually for each article. - Ideally, I would like to manage the definitions from the Ghost dashboard or via the HTML/CSS of each article. - I am open to using plugins, JavaScript scripts, or any other method that could simplify the process. If anyone has implemented something similar or has suggestions on the best way to proceed, I would greatly appreciate your help. Examples of code, links to useful resources, or plugin recommendations would also be very helpful. Thank you in advance for your assistance! Best regards, ![IMG_0580](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/0/0/00c68d8f2ede7291fe64fc2366c781dd1f9e1e27.jpeg) ![IMG_0581](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/1/f/1f3d2a8abbc7234fd969e93a0b9c5565f6ea510f.jpeg) ---
**Author:** ![Michael\_McGinnis](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/michael_mcginnis/32/29329_2.png) [@Michael\_McGinnis](https://forum.ghost.org/u/Michael_McGinnis)\ **Post date:** [July 15, 2024, 4:59am UTC](https://forum.ghost.org/t/adding-definition-popups-in-ghost-articles/48823/2 "2024-07-15T04:59:12Z")
Have you tried native HTML, using the dfn tag with a title? `

HTML is the standard markup language for creating web pages.

` ---
**Author:** ![Malick\_Reinhard](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/malick_reinhard/32/31238_2.png) [@Malick\_Reinhard](https://forum.ghost.org/u/Malick_Reinhard)\ **Post date:** [July 15, 2024, 5:11pm UTC](https://forum.ghost.org/t/adding-definition-popups-in-ghost-articles/48823/3 "2024-07-15T17:11:08Z")
Thank you for the suggestion to use the HTML `` tag. It’s a good idea for adding contextual definitions directly into the text. However, I find it not interactive, accessible, or visually appealing enough. I’m looking for a solution that offers a better user experience with more attractive and easy-to-navigate popups. If anyone knows of tools or plugins that could improve this, I’d greatly appreciate your help! Thanks in advance for your assistance. ---
**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\ **Post date:** [July 15, 2024, 6:31pm UTC](https://forum.ghost.org/t/adding-definition-popups-in-ghost-articles/48823/4 "2024-07-15T18:31:56Z")
What about doing your definitions as “footnotes”? You might adapt the approach here? > **[A much better way to do footnotes](https://www.spectralwebservices.com/blog/footnotes-with-ease/)** > > My solution to the lack of footnotes support in Ghost. Works on any theme, and can be done entirely with code injection. Note that this is a javascript solution, and will not work for an emailed newsletter (but I’m not sure anything else will either).