Tag: table tooltip

Comment puis-je ajouter un effet de tooltip WordPress à une cellule de tableau ? (WordPress tooltip pro plus)

Salut, chers utilisateurs du plugin WordPress Tooltip ! J’espère que ce message vous trouve en bonne santé et que vous passez de merveilleux moments en famille ! Nous avons reçu un message d’un nouvel utilisateur du plugin WordPress Tooltip :
Bonjour,
J’adore vraiment votre plugin.
Mais dans certains cas, par exemple lors de l’utilisation de plugins de table, le tooltip ne s’affiche pas.
Pouvez-vous ajouter un shortcode afin que je puisse simplement l’ajouter à la cellule de la table ?
Du texte, une image ou quelque chose qui active le tooltip au survol.
Oui, le plugin WordPress Tooltip prend en charge l’ajout d’effets de tooltip à différents plugins de table WordPress depuis de nombreuses années. Par exemple, vous pouvez trouver une démo de tooltip pour tableau sur : Ajouter des tooltips pour tableau, qui a été publiée le 22 février 2017. Dans cette démo, nous soutenons l’ajout d’effets de tooltips WordPress sur les cellules de tableau créées par le plugin TablePress, et cela ressemble à ceci :

Title 1Title 2Title 3Title 4Title 5
Cell A1Cell B1Cell C1Cell D1Cell E1
Cell A2Cell B2Cell C2Cell D2Cell E2
Cell A3Cell B3Cell C3Cell D3Cell E3
Cell A4Cell B4Cell C4Cell D4Cell E4

Il y a aussi une démo de WordPress Tooltips For Pricing Table qui a été construite en 2017 Feb 22, elle ressemble à ceci :

Comme vous pouvez le voir, passez votre souris sur chaque champ et vous découvrirez que les infobulles de WordPress peuvent être utilisées pour ajouter du texte, des images, et plus encore à chaque champ du tableau de tarification facile. Cela permet aux administrateurs d’économiser de l’espace et de fournir des descriptions supplémentaires pour chaque champ du tableau des prix.

Comment ajouter un effet d’infobulle WordPress à une cellule de tableau ?

L’utilisation des shortcodes WordPress tooltip pour ajouter des effets d’infobulle aux cellules des tableaux est très simple et conviviale.

1 : Les utilisateurs du plugin WordPress tooltip pro plus doivent cliquer sur download wordpress tooltip pour télécharger directement la dernière version, les nouveaux utilisateurs doivent acheter une licence de wordpress tooltip pro plus.

2 : Dans le panneau de téléchargement de tooltips.org, veuillez télécharger et installer le plugin wordpress tooltip pro + dont la version est >= 30.7.8.

Les nouveaux utilisateurs sont invités à consulter nos tutoriels vidéo détaillés à WordPress Tooltips Video Tutorial 3 : How to upload and activate wordpress tooltips pro plugin

3 : Dans votre plugin wordpress table, lorsque vous éditez le contenu d’une cellule de wordpress table, vous pouvez entrer le shortcode wordpress tooltip comme ceci :

 

4 : Dans le plugin wordpress tooltip, nous avons beaucoup de shortcode tooltips, en général, l’éditeur wordpress tooltip aime utiliser le shortcode wordpress tooltip Proper Shortcode Usage is:

[tooltips keyword='wordpress' content = 'hello, wp']
or
[tooltips content = 'hello, wp']wordpress[/tooltips]
, c’est très facile à utiliser :

[tooltips keyword="wordpress tooltips" content="Wordress Tooltips is a rich featured wordpress tooltip plugin. "]

It looks like this: wordpress tooltips

Vous pouvez également ajouter une infobulle d’image dans la fenêtre contextuelle de wordpress, par exemple :

[tooltips keyword="lovely girls" content="<img src='https://mydomain.com/wp-content/uploads/2017/02/screenshot.png'>"]

It looks like this: lovely girls

Nos WordPress Tooltip Short Codes supportent beaucoup plus de fonctionnalités étonnantes, par exemple, ajouter une info-bulle vidéo sur une image, utiliser une autre image comme info-bulle pour les images… et ainsi de suite :

WordPress Tooltip Pro permet d’ajouter des infobulles multimédias à une image, vous pouvez insérer de nombreux éléments multimédias dans l’infobulle, c’est-à-dire tout ce que vous pouvez entendre et voir, y compris du texte, des images, des sons, de la musique, des films, des animations, des vidéos, des enregistreurs audio, etc.

Essayons, lorsque vous survolez l’image, une infobulle multimédia wordpress apparaît avec une description de l’image, vous pouvez voir une combinaison de différentes formes de contenu multimédia, texte, lien, image, audio et vidéo dans l’infobulle.

Comment utiliser le shortcode tooltip de wordpress

Nous ajoutons l’infobulle multimédia de wordpress à une image en utilisant le shortcode tooltip [tooltips].

[tooltips keyword = "<img src='Source of image' />" content = "Alternative Multimedia content will be displayed as a tooltip"]

5 : Nous suggérons aux nouveaux utilisateurs d’utiliser le shortcode wordpress tooltip [tooltip_by_id] pour réutiliser les infobulles existantes par ID d’infobulle, de cette façon, vous pouvez réaliser de nombreux effets complexes dans l’éditeur standard WYSWYG des infobulles wordpress, et ensuite utiliser le shortcode tooltip_by_id pour référencer le contenu de l’infobulle dans n’importe quel post ou page wordpress :

5.1 : Cliquez sur l’élément de menu “Tooltips”, dans le panneau “All Tooltips”, recherchez le terme d’infobulle existant que vous souhaitez référencer.

5.2 : Cliquez sur le bouton “Editor” du terme d’infobulle, cela ressemble à ceci :

edit button of tooltip term

edit button of tooltip term

5.3 : Le panneau “Edit Tooltip” s’ouvre alors.

5.4 : Dans le panneau “Edit Tooltip”, vous trouverez l’identifiant de l’infobulle dans la barre URL du navigateur :

find tooltip term which you want to reference

find tooltip term which you want to reference

Vous trouverez dans la barre d’URL du navigateur l’URL suivante : tooltips.org/wp-admin/post.php?post=3107&action=edit&classic-editor, et l’identifiant de l’info-bulle est 3107.

5.5 : Vous pouvez maintenant insérer cet identifiant dans votre shortcode tooltip_by_id [tooltip_by_id tooltip_id='3107'] dans n’importe quelle page ou message wordpress.

5.6 : Le résultat ressemble à ceci :
Tooltip For Forms Demo - Message Field

Conclusion :

Il y a plusieurs raisons pour lesquelles un utilisateur de WordPress peut vouloir ajouter des effets d’infobulle aux cellules d’un tableau. Voici quelques raisons possibles :

Informations supplémentaires : Les effets d’infobulle de WordPress permettent d’afficher des informations supplémentaires ou des détails sur le contenu d’une cellule de tableau lorsque l’utilisateur la survole. Cela peut aider à garder le tableau propre et organisé tout en permettant aux utilisateurs d’accéder à plus d’informations si nécessaire.

Clarification des données : Les effets de l’infobulle WordPress peuvent être utilisés pour clarifier les abréviations, les acronymes ou les termes complexes dans le tableau. En fournissant une infobulle au survol, l’utilisateur peut rapidement comprendre la signification ou le contexte des données.

Accessibilité : Les effets d’infobulle WordPress peuvent améliorer l’accessibilité en offrant un contexte supplémentaire aux utilisateurs qui utilisent des lecteurs d’écran ou qui ont des difficultés à interpréter certaines données du tableau. Cela peut améliorer l’expérience globale de l’utilisateur pour les personnes handicapées.

Amélioration de l’expérience utilisateur : L’ajout d’effets d’infobulle WordPress peut améliorer l’expérience de l’utilisateur en fournissant des éléments interactifs et en améliorant l’attrait visuel général du tableau. Cela peut rendre le contenu plus attrayant et interactif, en particulier pour les tableaux volumineux ou complexes.
Dans l’ensemble, la raison spécifique pour laquelle on souhaite ajouter des effets d’infobulle aux cellules d’un tableau peut varier en fonction des besoins et des objectifs de l’utilisateur en ce qui concerne la présentation et l’interaction avec les données.

Tagged with: , ,

Wie kann ich einen WordPress-Tooltip-Effekt zu einer Tabellenzelle hinzufügen? (wordpress tooltips pro plus)

Liebe Nutzer des WordPress Tooltip Plugins! Ich hoffe, diese Nachricht erreicht euch alle wohlauf und ihr genießt glückliche Tage mit eurer Familie! Wir haben eine Nachricht von einem neuen Nutzer des WordPress Tooltip-Plugins erhalten:
Hallo,
Ich liebe euer Plugin wirklich sehr.
Aber in einigen Fällen, zum Beispiel bei der Verwendung von Tabellen-Plugins, erscheint der Tooltip nicht
Könnt ihr einen Shortcode hinzufügen, damit ich einfach einen Shortcode zur Tabellenzelle hinzufügen kann?
Text oder Bild oder etwas, das den Tooltip beim Überfahren ermöglicht

Ja, das WordPress Tooltip-Plugin unterstützt die Hinzufügung von Tooltip-Effekten zu verschiedenen WordPress-Tabellen-Plugins schon seit vielen Jahren; zum Beispiel könnt ihr eine Demo des Tabellen-Tooltips unter Add Tooltips For Table finden, die am 22. Februar 2017 erstellt wurde. In dieser Demo unterstützen wir die Hinzufügung von WordPress-Tooltip-Effekten zu Tabellenzellen, die von dem TablePress-Plugin erstellt wurden. Es sieht so aus:

Title 1Title 2Title 3Title 4Title 5
Cell A1Cell B1Cell C1Cell D1Cell E1
Cell A2Cell B2Cell C2Cell D2Cell E2
Cell A3Cell B3Cell C3Cell D3Cell E3
Cell A4Cell B4Cell C4Cell D4Cell E4

Auch gibt es eine Demo von WordPress-Tooltips für Preisgestaltungstabellen, die am 22. Februar 2017 erstellt wurde. Es sieht so aus:


Wenn Sie mit der Maus über die einzelnen Felder fahren, werden Sie feststellen, dass WordPress-Tooltips verwendet werden können, um Text, Bilder und mehr zu jedem Feld in der Easy Pricing Table hinzuzufügen. Dadurch können Administratoren Platz sparen und zusätzliche Beschreibungen für jedes Feld in der Preistabelle bereitstellen.

Wie fügt man einen WordPress-Tooltip-Effekt zu einer Tabellenzelle hinzu?

Die Verwendung von WordPress-Tooltip-Shortcodes zum Hinzufügen von Tooltip-Effekten zu Tabellenzellen ist sehr einfach und benutzerfreundlich.

1: Benutzer des WordPress tooltip pro plus Plugins klicken bitte auf download wordpress tooltip, um die neueste Version direkt herunterzuladen, neue Benutzer erwerben bitte eine Lizenz von wordpress tooltip pro plus

2: In tooltips.org Download-Panel, bitte herunterladen und installieren Sie wordpress tooltip pro + plugin, die Version >= 30.7.8

Neue Benutzer sehen sich bitte unsere ausführlichen Video-Tutorials unter WordPress Tooltips Video Tutorial 3: Wie man das wordpress tooltips pro plugin hochlädt und aktiviert

3: In Ihrem WordPress-Tabellen-Plugin, wenn Sie den Inhalt der WordPress-Tabelle Zelle bearbeiten, können Sie WordPress Tooltip Shortcode wie folgt eingeben:

 

4: In wordpress tooltip plugin, haben wir viele tooltips shortcode, im Allgemeinen, wordpress tooltip editor wie verwenden wordpress tooltip shortcode [tooltips], es ist sehr einfach zu bedienen:

[tooltips keyword="wordpress tooltips" content="Wordress Tooltips is a rich featured wordpress tooltip plugin. "]

It looks like this: wordpress tooltips

Sie können auch Bild-Tooltip in WordPress Tooltip-Popup-Box, zum Beispiel hinzufügen:

[tooltips keyword="lovely girls" content="<img src='https://mydomain.com/wp-content/uploads/2017/02/screenshot.png'>"]

Das sieht folgendermaßen aus: lovely girls

Unsere WordPress Tooltip Short Codes unterstützen viele weitere erstaunliche Funktionen, zum Beispiel, fügen Sie Video-Tooltip auf ein Bild, verwenden Sie ein anderes Bild als Bild Tooltip für Bilder … und so weiter:

WordPress Tooltip Pro unterstützt das Hinzufügen von Multimedia-Tooltips zu einem Bild, können Sie viele verschiedene Multimedia-Format-Elemente in den Tooltip, die alles, was Sie hören und sehen können, einschließlich Text, Bilder, Sound, Musik, Film, Animation, Video, Audio-Recorder, etc.

Wenn Sie mit dem Mauszeiger über das Bild fahren, erscheint ein WordPress-Multimedia-Tooltip mit einer Beschreibung des Bildes. Sie können eine Kombination aus verschiedenen Multimedia-Inhaltsformen, Text, Link, Bild, Audio und Video im Tooltip sehen.

Wie man den wordpress tooltip shortcode verwendet

Wir fügen den WordPress Multimedia-Tooltip zu einem Bild hinzu, indem wir den Tooltip-Shortcode [tooltips] verwenden.

[tooltips keyword = "<img src='Source of image' />" content = "Alternative Multimedia content will be displayed as a tooltip"]

5: Wir schlagen vor, neue Benutzer verwenden wordpress tooltip shortcode [tooltip_by_id] wiederverwenden bestanden tooltips von tooltip ID, auf diese Weise können Sie viele komplexe Effekte in wordpress tooltips Standard WYSWYG-Editor zu erreichen, und dann verwenden tooltip_by_id shortcode, um den Inhalt der tooltip Begriff in jedem wordpress Post oder Seite zu verweisen:

5.1: Klicken Sie auf den Menüpunkt “Tooltips”, suchen Sie im Panel “All Tooltips” den vorhandenen Tooltip-Begriff, auf den Sie verweisen möchten.

5.2: Klicken Sie auf die Schaltfläche “Editor” für den Tooltip-Begriff, die wie folgt aussieht:

edit button of tooltip term

edit button of tooltip term

5.3: Dann öffnen Sie das Panel “Tooltip bearbeiten”.

5.4: Im Panel “Tooltip bearbeiten” finden Sie die Tooltip-ID in der URL-Leiste des Browsers, die wie folgt aussieht:

find tooltip term which you want to reference

find tooltip term which you want to reference

5.3: Dann öffnen Sie das Panel “Tooltip bearbeiten”.

5.4: Im Panel “Tooltip bearbeiten” finden Sie die Tooltip-ID in der URL-Leiste des Browsers, die wie folgt aussieht:

find tooltip term which you want to reference

find tooltip term which you want to reference

In der URL-Leiste des Browsers finden Sie die URL: tooltips.org/wp-admin/post.php?post=3107&action=edit&classic-editor, und die Tooltip-ID lautet 3107.

5.5: Jetzt können Sie diese Tooltip-ID in Ihren tooltip_by_id-Shortcode Tooltip For Forms Demo - Message Field auf jeder WordPress-Seite oder in jedem Beitrag einfügen.

5.6: Das Ergebnis sieht wie folgt aus:

Tooltip For Forms Demo - Message Field

Schlussfolgerung:

Es kann mehrere Gründe geben, warum ein WordPress-Benutzer Tooltip-Effekte zu Tabellenzellen hinzufügen möchte. Einige mögliche Gründe sind:

Zusätzliche Informationen: Mit WordPress-Tooltip-Effekten können zusätzliche Informationen oder Details über den Inhalt einer Tabellenzelle angezeigt werden, wenn der Benutzer den Mauszeiger darüber bewegt. Dies kann dazu beitragen, die Tabelle sauber und übersichtlich zu halten, während die Benutzer bei Bedarf auf weitere Informationen zugreifen können.

Klärung von Daten: WordPress-Tooltip-Effekte können verwendet werden, um Abkürzungen, Akronyme oder komplexe Begriffe innerhalb der Tabelle zu verdeutlichen. Durch die Bereitstellung eines Tooltips beim Hovern kann der Benutzer die Bedeutung oder den Kontext der Daten schnell verstehen.

Zugänglichkeit: WordPress-Tooltip-Effekte können die Zugänglichkeit verbessern, indem sie Benutzern, die auf Bildschirmlesegeräte angewiesen sind oder Schwierigkeiten haben, bestimmte Daten in der Tabelle zu interpretieren, zusätzlichen Kontext bieten. Sie können die allgemeine Benutzererfahrung für Menschen mit Behinderungen verbessern.

UX-Verbesserung: Das Hinzufügen von WordPress-Tooltip-Effekten kann die Benutzererfahrung verbessern, indem interaktive Elemente bereitgestellt werden und die Tabelle insgesamt optisch ansprechender gestaltet wird. Sie können den Inhalt ansprechender und interaktiver gestalten, insbesondere bei großen oder komplexen Tabellen.
Insgesamt kann der spezifische Grund für das Hinzufügen von Tooltip-Effekten zu Tabellenzellen je nach den Bedürfnissen und Zielen des Benutzers bei der Präsentation und Interaktion mit den Daten variieren.

Tagged with: , ,

How can I add a WordPress tooltips effect to a table cell?

Hi, dear users of the WordPress Tooltip plugin! I hope this message finds you well and that you are enjoying happy days with your family! We have received a message from a new user of the WordPress Tooltip plugin:

Hello,

I really really love your plugin.

But in some cases, for example when using table plugins, the tooltip doesn’t show up

Can you add a shortcode so I can just add shortcode to table cell?

Text or image or something that enables tooltip on hover

Yes, the WordPress Tooltip plugin has been supporting the addition of tooltip effects to various WordPress table plugins for many years now, for example you can find a demo of table tooltip at: Add Tooltips For Table which built at 2017 Feb 22, in this demo we support add wordpress tooltips effect on table cells which created by tablepress plugin, it looks like this:

Title 1Title 2Title 3Title 4Title 5
Cell A1Cell B1Cell C1Cell D1Cell E1
Cell A2Cell B2Cell C2Cell D2Cell E2
Cell A3Cell B3Cell C3Cell D3Cell E3
Cell A4Cell B4Cell C4Cell D4Cell E4

Also there are a demo of WordPress Tooltips For Pricing Table which built at 2017 Feb 22, it looks like this:


As you can see, just hover your mouse over each field, and you will discover that WordPress tooltips can be used to add text, images, and more to each field in the Easy Pricing Table. This allows administrators to save space and provide additional descriptions for each field in the pricing table.

How to add a WordPress tooltips effect to a table cell?

Using WordPress tooltip shortcodes to add tooltip effects to table cells is very straightforward and user-friendly.

1: Users of WordPress tooltip pro plus plugin please click download wordpress tooltip to download the newest version directly, new user please purchase a license of wordpress tooltip pro plus

2: In tooltips.org download panel, please download and install wordpress tooltip pro + plugin which version >= 30.7.8

New users please check our detailed video tutorials at WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: In your wordpress table  plugin, when edit content of wordpress table cell, you can enter wordpress tooltip shortcode like this:

 

4: In wordpress tooltip plugin, we have many tooltips shortcode, in general, wordpress tooltip editor like use wordpress tooltip shortcode [tooltips], it is very easy to use:

[tooltips keyword="wordpress tooltips" content="Wordress Tooltips is a rich featured wordpress tooltip plugin. "]

It looks like this: wordpress tooltips

Also you can add image tooltip in wordpress tooltip popup box, for example:

[tooltips keyword="lovely girls" content="<img src='https://mydomain.com/wp-content/uploads/2017/02/screenshot.png'>"]

It looks like this: lovely girls

Our WordPress tooltip short codes support many more amazing features, for example, add video tooltip on an image, use another image as image tooltip for images… and so on:

WordPress Tooltip Pro support to add multimedia tooltips to an image, you can insert many different multimedia format elements in the tooltip, which is anything you can hear and see, including text, images, sound, music, film, animation, video, audio recorders, etc.

Let’s try it, when you hover over the image, a wordpress multimedia tooltip appear with a description of the image, you can see a combination of different multimedia content forms, text, link, image, audio and video in the tootlip.

How to use wordpress tooltip shortcode

We add the wordpress multimedia tooltip to an image using tooltip shortcode [tooltips].

[tooltips keyword = "<img src='Source of image' />" content = "Alternative Multimedia content will be displayed as a tooltip"]

5: We suggestion new users use wordpress tooltip shortcode [tooltip_by_id] to reuse existed tooltips by tooltip ID,  by this way, you can achieve many complex effects in wordpress tooltips standard WYSWYG editor, and then use tooltip_by_id shortcode to reference the content of the tooltip term into any wordpress post or page:

5.1: Click “Tooltips” menu item, in “All Tooltips” Panel, search the existed tooltip term which you want to reference.

5.2: Click Editor button of the tooltip term, it looks like this:

edit button of tooltip term

edit button of tooltip term

5.3: Then you will open “Edit Tooltip” panel.

5.4: In “Edit Tooltip” panel, you will find the tooltip id in browser URL bar, it looks like this:

find tooltip term which you want to reference

find tooltip term which you want to reference

You will find the in the browser URL bar, the URL is: tooltips.org/wp-admin/post.php?post=3107&action=edit&classic-editor, and the tooltip id is 3107.

5.5: Now you can insert this tooltip id in your tooltip_by_id shortcode [tooltip_by_id tooltip_id='3107'] in any wordpress page or post

5.6: The result looks like this:

Tooltip For Forms Demo - Message Field

Conclusion:

There could be several reasons why a WordPress user may want to add tooltip effects to table cells. Some possible reasons include:

Additional information: WordPress Tooltip effects can provide a way to display additional information or details about the content within a table cell when the user hovers over it. This can help to keep the table clean and organized while allowing users to access more information if needed.

Data clarification: WordPress Tooltip effects can be used to clarify abbreviations, acronyms, or complex terms within the table. By providing a tooltip on hover, the user can quickly understand the meaning or context of the data.

Accessibility: WordPress Tooltip effects can improve accessibility by offering additional context to users who may rely on screen readers or have difficulty interpreting certain data within the table. It can enhance the overall user experience for individuals with disabilities.

UX enhancement: Adding WordPress tooltip effects can enhance the user experience by providing interactive elements and improving the overall visual appeal of the table. It can make the content more engaging and interactive, especially for large or complex tables.
Overall, the specific reason for wanting to add tooltip effects to table cells may vary depending on the user’s needs and goals for presenting and interacting with the data.

Tagged with: , ,

Improved table tooltips, wordpress tooltips pro plus 25.7.8 and tooltips pro 18.9.6 released

Hi, Dear users of  WordPress Tooltip plugin, hope this message find you are doing well and have wonderful days with your family 🙂

An user is using table tooltip, and he told us in recent days, there are some problem:

Dear support,

first of all many thanks for supporting me with all my requests!

I have multiple issues with tooltips I need you help with:

1: Tooltips + tablepress error message:

When I add a table press tableto a post, then I’d unable to save it as long as the tooltips plugin is activate. I get the error message “Error loading block: There has been a critical error on this website.Learn more about troubleshooting WordPress,”

When I disable the tooltips plugin, then I get no error messages

2: Tooltips+ tablepress extremely slow page loading

The post where tooltips is enabled is loading extremely slow.

Our wordpress tooltips plugin developer checked the issues carefully, sometimes we can re-play the problem, and sometimes we cannot find any problem, it is strange,  we tried a few methods  to solve the problem,   finally we speed up the loading speed in front end, and we solve the problem in the back-end too 🙂

Now all table tooltips works well, we make a demo at below:

Title 1Title 2Title 3Title 4Title 5
Cell A1Cell B1Cell C1Cell D1Cell E1
Cell A2Cell B2Cell C2Cell D2Cell E2
Cell A3Cell B3Cell C3Cell D3Cell E3
Cell A4Cell B4Cell C4Cell D4Cell E4

Please mouse hover the table head “Title 2” and table cell “Cell D2“, you can find all things works well and the table load quickly, if you want to learn how to make a table  tooltip in 2 minute, please check our table tooltip demo and document in here.

Thanks for the great feedback, please upgrade to wordpress tooltips pro plus plugin 25.7.8 and wordpress tooltips pro version 18.9.6 asap 🙂 If you have any more question, please don’t hesitate to contact us, we are very happy to improve wordpress tooltips for you always 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Tooltips Plugin Support

Tagged with: , ,

How to use wordpress tooltip shortcode [tooltips] to add tooltips manually?

It is very easy to add wordpress image / video / audio tooltips, form element tooltip… in wordpress automatically or manually via a few clicks, just in one minute. Please check our wordpress tooltip video tutorials at below or Try WordPress Tooltip Demo:

Since wordpress tooltip 4.2.8(current version is 20.9.8, at 2023-05-18), based on user requested, we added a new wordpress tooltip shortcode [tooltips].

In general, you do not need a tooltip shortcode, because wordpress tooltips plugin will add tooltips effect for post’s content/title/tag/excerpt/gallery/menu automatically, based on wordpress standard APIs. By this way, wordpress tooltip plugin will save your time to manage tooltips, for example, when you want to change tooltips content, you will not need to read all posts to find which page has a specified tooltip and change it one by one manually, what you need to do is just editing your tooltips in wordpress standard WYSWYG editor, then tooltip content in all posts will be updated automatically.

Some amazing users told us they want to use tooltip shortcode to add tooltips in wordpress posts, with a lot of reasons, for example: homonym tooltip(homonym tooltip means same word but different meanings); for example, use tooltip shortcode in Divi page builder, elementor page builder, VC page builder… and so on, we are happy to report you that we have built a powerful wordpress tooltip shortcode [tooltips] to help you add pretty tooltip in anywhere 🙂

The wordpress tooltip shortcode [tooltips] is very easy to use:

[tooltips keyword="wordpress tooltips" content="Wordress Tooltips is a rich featured wordpress tooltip plugin. "]

It looks like this: wordpress tooltips

Also you can add image tooltip in wordpress tooltip popup box, for example:

[tooltips keyword="lovely girls" content="<img src='https://mydomain.com/wp-content/uploads/2017/02/screenshot.png'>"]

It looks like this: lovely girls

Our WordPress tooltip short codes support many more amazing features, for example, add video tooltip on an image, use another image as image tooltip for images… and so on:

WordPress Tooltip Pro support to add multimedia tooltips to an image, you can insert many different multimedia format elements in the tooltip, which is anything you can hear and see, including text, images, sound, music, film, animation, video, audio recorders, etc.

Let’s try it, when you hover over the image, a wordpress multimedia tooltip appear with a description of the image, you can see a combination of different multimedia content forms, text, link, image, audio and video in the tootlip.


How to use wordpress tooltip shortcode

We add the wordpress multimedia tooltip to an image using tooltip shortcode [tooltips].

[tooltips keyword = "<img src='Source of image' />" content = "Alternative Multimedia content will be displayed as a tooltip"]

NOTE:

1. Input the wordpress tootlip shortcode in the wordpress text editor. This editing mode makes you write your wordpress multimedia tooltip content of HTML.

2. Select the option “Enable Advance Tooltips Shortcode” in “Tooltip Settings for this page, or wordpress tooltip shortcode will not work.

Usage example

Usage example 1

Input the wordpress tootlip shortcode in the wordpress text editor.

[tooltips keyword = "<img src='https://tooltips.org/wp-content/uploads/2018/08/girl.png' />" content = "<video controls='controls'><source src='https://tooltips.org/wp-content/uploads/2023/05/003.mp4' type='video/mp4'>Your browser does not support the HTML5 Video element.</video><h3>Multimedia Tooltip</h3>"]

  • Tooltips keyword is the anchor image similar to a hyperlink.
  • Img src specifies the URL of your image.
  • The Content text entered will be shown on the popup tooltip box.
  • WordPress Tooltip Shortcode Demo 1: Add Video Tooltip on Image

    The example present video and text in a wordpress multimedia tooltip.

    Usage example 2

    Input the wordpress tootlip shortcode in the wordpress texts editor.

    [tooltips keyword = "<img src='https://tooltips.org/wp-content/uploads/2018/08/fruit.png' />" content = "<audio controls = 'controls'><source src='https://tooltips.org/wp-content/uploads/2018/08/001.mp3' type='audio/mpeg'>Your browser does not support the audio element.</audio><h3>Multimedia Tooltip"]
    

  • Tooltips keyword is the anchor image similar to a hyperlink.
  • Img src specifies the URL of your image.
  • The Content text entered will be shown on the popup tooltip box.
  • WordPress Tooltip Shortcode Demo 2: Add Audio Tooltip on Image

    The example presents audio music and text in a wordpress multimedia tooltip.

    Usage example 3

    Input the wordpress tootlip shortcode in the wordpress text editor.

    [tooltips keyword = "<img src='https://localhost/wp-content/uploads/2017/02/girl2.gif' />" content = "<img src='https://localhost/wp-content/uploads/2017/02/girl2.gif' /><h3>Multimedia Tooltip</h3><div><a style='text-decoration: underline;' href='https://tooltips.org/'>tooltips Pro </a> support any multimedia content. Hover the trigger, you'll see a tooltip that contains text, image, audio, vedio and much more.</div>"]
    

  • Tooltips keyword is the anchor image similar to a hyperlink.
  • Img src specifies the URL of your image.
  • The Content text entered will be shown on the popup tooltip box.
  • WordPress Tooltip Shortcode Demo 3: Add Image Tooltip On Another Image

    The example present image, text and link in a wordpress multimedia tooltip.

    [tooltips] shortcode is a powerful tool, [tooltips] support Self-Closing Shortcode and Enclosing Shortcode, with Enclosing Shortcode, you can use [tooltips] shortcode to add icon tooltip

    How to use WordPress Tooltip Shortcode to Create Icon Tooltip?

    It is very easy to create icon tooltip from wordpress tooltip plugin, Please mouse hover this icon tooltip -> 🙂

    Please check codes:

    [tooltips keyword=’good’ content = ‘you are very welcome!’]:)[/tooltips]

    or

    [tooltips content = ‘you are very welcome!’]:)[/tooltips]

    Both of them will works well, please use your icon replace the “:)”

    Also we offer another method to add icon tooltip more easier, you do not need add your content, you can just use conent from existed tooltip terms, it works like this:

    Please check codes:

    [icon_tooltip_by_id tooltip_id=’308’]your icon here[/icon_tooltip_by_id]

    You can find more icon tooltip demos at:

    [tooltips] shortcode icon tooltip demo

    [icon_tooltip_by_id] shortcode icon tooltip demo

    How to Reference the Content from an Already Existing Tooltips Term in Tooltip Short Code?

    1: Click “Tooltips” menu item, in “All Tooltips” Panel, search the existed tooltip term which you want to reference.

    2: Click Editor button of the tooltip term, it looks like this:

    edit button of tooltip term

    edit button of tooltip term

    3: Then you will open “Edit Tooltip” panel.

    4: In “Edit Tooltip” panel, you will find the tooltip id in browser URL bar, it looks like this:

    find tooltip term which you want to reference

    find tooltip term which you want to reference

    You will find the in the browser URL bar, the URL is: tooltips.org/wp-admin/post.php?post=3107&action=edit&classic-editor, and the tooltip id is 3107.

    5: Now you can insert this tooltip id in your tooltip_by_id shortcode [tooltip_by_id tooltip_id='3107'] in any wordpress page or post

    6: The result looks like this:

    Tooltip For Forms Demo - Message Field
    In the current time, wordpress shortcode mechanism have many flaws yet, by this way, you can easily push the limits of the wordpress shortcode. You can achieve many complex effects in wordpress tooltips standard WYSWYG editor, and then use tooltip_by_id shortcode to reference the content of the tooltip term into any wordpress post or page. 🙂

    About WordPress SVG Icons Tooltips:

    SVG stands for Scalable Vector Graphics, SVG is an XML-based vector graphics format used to display a variety of graphics on the Web and in other environments, SVG is becoming more and more popular, most major browsers already support SVG, but wordpress do not support SVG yet, our wordpress tooltip plugin have an addon, in which we can support WordPress SVG Images Tooltip, you can find detailed step by step wordpress SVG Tooltip document at How to Build a SVG Tooltip?

    Some amazing users told us they want to use our wordpress tooltip in other plugins generated content too, for example add tooltip in tables which generated by table plugins, add tooltip in form plugins, add tooltip in price tables, add tooltip in Divi page builder… and so on, now you can insert wordpress tooltips to pages which is generated by those 3rd plugins very easy, for example, in tablepress plugin, you can add wordpress tooltip shortcode in table title, table cell… and so on, when users mouse hovers the table cell, they can see video, image, audio, text, html links, google map, QR code related with this table cell in tooltip popup box.

    you can find more wordpress shortcode guide at Lists of How to Use WordPress Tooltip Shortcode.

    We are working hard to let WordPress tooltip plugin support more and more famous plugins, for example woocommerce, tablepress, MaxButtons, Easy Pricing Tables… and so on, if you have any feature request for wordpress tooltip plugin, please don’t to hesitate to tell us, we are happy to integrate our wordpress tooltip plugin with famous plugins.

    We are happy to add more amazing wordpress tooltip function for our wordpress tooltips shortcode, any feature request is very welcome. 🙂

    WordPress Tooltip features can be found at features of WordPress Tooltips Plugin . Please check WordPress Tooltip Demos of video tooltip, image tooltip, audio tooltip, tooltip for button, tooltip for title, tooltip for tag, woocommerce tooltip, table tooltip, pricing table tooltip, … Try Demo

    Thanks, have a happy day with your family. 🙂

    WordPress Tooltips Plugin demos:

    Add tooltips in Table Cell

    Add tooltips in Pricing Table

    WordPress Image Tooltips Demo

    WordPress Audio Tooltips Demo

    Add tooltips in wordpress post title

    Add tooltips for your WooCommerce Product

    Add tooltips on Button

    Add wordpress tooltips in wordpress post tag

    Show Tooltips In F.A.Q

    Add wordpress tooltips on tag

    Add wordpress tooltips on title demo

    use Video as wordpress tooltips demo

    Demo of add tooltips manually so you can add many different tooltips content for the same tooltips term

    Have fun!
    Wordpress tooltips plugin team

    Tagged with: , , , , , , , , , , ,
    Top