Jamel.Z

<p>Automatically add customizable keyword tooltips to your content and boost SEO, UX, and engagement — no coding required.</p>
<h3>🚀 Tooltipy – Keyword Tooltip Generator for WordPress</h3>
<p>Tooltipy automatically creates responsive and customizable tooltips for your keywords, helping you explain technical terms and improve your visitors’ experience without leaving the page.</p>
<p>Perfect for blogs, documentation, e-learning platforms, and SEO-driven websites.</p>
<h3>🎯 Live Demo</h3>
<p>• Frontend Demo: https://wpjam.co/tooltipy<br />
• Admin Demo (coming soon)<br />
• user: demo<br />
• password: demo</p>
<p>🎥 Quick Video (2 min):<br />
https://www.youtube.com/watch?v=JBdyLKa4DMI</p>
<h3>✨ Why use Tooltipy?</h3>
<p>📈 Improve SEO<br />
Add semantic depth with keyword definitions and internal linking.</p>
<p>🧠 Better User Experience<br />
Explain complex terms instantly without interrupting reading.</p>
<p>⚡ Boost Engagement<br />
Keep users longer with interactive content.</p>
<p>🛠️ Easy Setup<br />
Just add keywords — Tooltipy does the rest.</p>
<h3>🔑 Key Features</h3>
<p>✔️ Automatic keyword detection across your entire website (posts, pages, headers, footers, widgets)<br />
✔️ Custom tooltip content (text, images, HTML, shortcodes)<br />
✔️ Synonyms support<br />
✔️ Case sensitive / insensitive matching<br />
✔️ Match once or all occurrences per post<br />
✔️ Multilingual support (including languages without spaces like Japanese & Chinese)<br />
✔️ AJAX-powered for better performance<br />
✔️ Responsive design (mobile friendly)<br />
✔️ Multiple tooltip positions (Top, Bottom, Left, Right)<br />
✔️ Tooltip width & styling options<br />
✔️ Custom CSS classes for keywords and tooltips<br />
✔️ Animation support (via Animate.css)<br />
✔️ Click or hover trigger methods<br />
✔️ Close button option</p>
<h3>📚 Glossary Features</h3>
<p>✔️ Built-in glossary page<br />
✔️ Shortcode support: [tooltip_glossary]<br />
✔️ Custom glossary labels and pagination<br />
✔️ Keywords listed with full content<br />
✔️ Widget to display related keywords</p>
<h3>⚙️ Advanced Features</h3>
<p>✔️ Apply tooltips only to posts, pages, or specific content<br />
✔️ Exclude specific posts/pages<br />
✔️ Related keywords auto-updated<br />
✔️ Related posts metabox in keyword editor<br />
✔️ Keywords metabox in post editor<br />
✔️ Import tool (Tools <span aria-hidden="true" class="wp-exclude-emoji">→</span> KTTG Converter) to migrate keywords from other plugins<br />
✔️ Real-time style preview in settings</p>
<h3>🧑‍💻 About the Plugin</h3>
<p>Tooltipy has been actively developed since 2013 and improved through real user feedback.</p>
<p>Built with performance, flexibility, and usability in mind.</p>
<h3>❤️ Support</h3>
<p>If you enjoy Tooltipy, please leave a review ⭐<br />
Your feedback helps improve the plugin.</p>
<h4>Languages</h4>
<p>The plugin is available in these languages :</p>
<ul>
<li>English – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a> my self 🙂</li>
<li>French (fr_FR) – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a></li>
<li>German (de_DE) – <a href="www.Zwilla-Research.com" rel="nofollow ugc">Michael Padilla</a></li>
<li>Arabic (ar) – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a></li>
<li>Dutch (nl_NL) – <a href="http://www.slotschaesberg.nl" rel="nofollow ugc">Kees Hessels</a></li>
<li>Turkish (tr_TR) – Eyyüp Güner</li>
<li>Italian (it_IT) – <a href="https://profiles.wordpress.org/genioallopera" rel="nofollow ugc">Genioallopera</a></li>
<li>Spanish (es_ES) – Andrew Kurtis – <a href="http://www.webhostinghub.com" rel="nofollow ugc">WebHostingHub.com</a></li>
<li>Chinese (zh_cn) – Zchen – <a href="https://www.zchen.info" rel="nofollow ugc">zchen.info</a></li>
</ul>
<h4>ScreenShots</h4>
<ul>
<li><a href="https://wordpress.org/plugins/bluet-keywords-tooltip-generator/screenshots/" rel="ugc">Screenshots Here</a></li>
</ul>
<h4>Support</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/bluet-keywords-tooltip-generator" rel="ugc">Support</a></li>
</ul>


Tooltipy (tooltips for WP)

Automatically add customizable keyword tooltips to your content and boost SEO, UX, and engagement — no coding required.

Joop Laan

<p><strong>Inline Context</strong> is a powerful Block Editor enhancement that lets you create inline expandable notes or clean tooltip-style popovers anywhere in your content. It is ideal for <strong>content-rich websites</strong>, including editorial platforms, research sites, online magazines, documentation hubs, and educational blogs that rely on clear explanation without breaking the reader’s focus.</p>
<p>Instead of sending readers to glossary pages or external links, Inline Context allows you to provide definitions, references, clarifications, and annotations <em>in place</em> — keeping readers engaged and your content structured.</p>
<p>Notes can be <strong>reusable</strong>, categorized, styled, centrally managed, and automatically updated everywhere they appear.</p>
<p><a href="https://wordpress.org/plugins/inline-context/?preview=1" rel="ugc">Check the live preview</a></p>
<h4>Why this is valuable for content-heavy websites</h4>
<p>Websites with substantial text often need:</p>
<ul>
<li>definitions and terminology</li>
<li>source references</li>
<li>background information</li>
<li>contextual inline explanations</li>
<li>mini footnotes without scrolling</li>
<li>inline callouts, tips, or warnings</li>
</ul>
<p>Inline Context delivers all of this with a frictionless, accessible user experience. It helps readers stay focused, reduces navigation fatigue, and improves knowledge retention — especially in long articles or research-based content.</p>
<h4>How it works</h4>
<ol>
<li>Highlight text in the Block Editor.</li>
<li>Click <strong>Inline Context</strong>.</li>
<li>Enter your note content (rich text supported).</li>
<li>Optionally assign a category with custom icon & color.</li>
<li>Publish — your note appears inline or as a tooltip, depending on settings.</li>
</ol>
<p>You can also create <strong>reusable</strong> notes from a dedicated Custom Post Type. Updating a reusable note updates all instances site-wide.</p>
<h3>Key Features</h3>
<h4>Display modes</h4>
<ul>
<li>Inline expansion (reveals a small content panel)</li>
<li>Tooltip popovers (floating contextual bubbles)</li>
<li>Smart tooltip positioning to avoid off-screen display</li>
<li>Direct anchor links (<code>#context-note-xxx</code>) for deep linking</li>
<li>Auto-open on page load when accessed via link</li>
</ul>
<h4>Editor productivity</h4>
<ul>
<li>Reusable notes with global updates</li>
<li>Notes Library with usage tracking (shows where each note is used)</li>
<li>Quick Search inside the editor to insert existing notes</li>
<li>Rich text support via ReactQuill (bold, italic, lists, links)</li>
<li>Clean, integrated Rich Text toolbar button</li>
</ul>
<h4>Categories & icons</h4>
<ul>
<li>Create unlimited categories (Definition, Reference, External Article, Tip, Warning, etc.)</li>
<li>Choose from curated Dashicons or any of 300+ icons</li>
<li>Separate icons for open and closed states</li>
</ul>
<h4>Styling & customization</h4>
<p>Full styling control from <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Inline Context</strong>:</p>
<ul>
<li><strong>NEW in v2.6</strong>: Five pre-configured color presets for one-click professional styling</li>
<li>Choose from Modern Blue, Minimalist Gray, High Contrast, Warm Earth Tones, or Dark Mode</li>
<li>All presets meet WCAG 2.1 AA accessibility standards</li>
<li>Link colors, hover, and focus states</li>
<li>Note padding, spacing, borders, backgrounds, shadows</li>
<li>Tooltip appearance</li>
<li>Chevron/indicator styling</li>
<li>Live interactive preview of all style changes</li>
</ul>
<h4>Accessibility & security</h4>
<ul>
<li>ARIA support, focus lock, Escape key behavior</li>
<li>Keyboard-navigable for both link and note</li>
<li>DOMPurify sanitization of note content</li>
</ul>
<h3>Internationalization</h3>
<p>Inline Context is fully translation-ready.</p>
<h3>Examples & inspiration</h3>
<p>The idea for this plugin originated from a project with Renée Kool — a visual artist working in public art, film, and emerging media. She wanted to create a website where a single link could reveal additional content containing multiple related links. We looked at the Dutch journalism platform De Correspondent, which use subtle inline notes to provide context without interrupting the flow of reading. You can see examples of their inline notes in this article: <a href="https://decorrespondent.nl/15887/hoe-nederland-kampioen-deeltijdwerken-werd/9053b712-3591-0002-29b3-8c7b69eae0c3" rel="nofollow ugc">Hoe Nederland kampioen deeltijdwerken werd</a></p>
<h3>Source code</h3>
<p>Inline Context uses <code>@wordpress/scripts</code> with webpack and npm to build assets.</p>
<p>Full source (including uncompiled JS and CSS) is available at:<br />
<a href="https://github.com/jooplaan/inline-context" rel="nofollow ugc">https://github.com/jooplaan/inline-context</a></p>


Inline Context

Add inline expandable notes or tooltips to provide context, definitions, and references without disrupting the reading flow.

Tooltipy (tooltips for WP) vs Inline Context