And：

Also, if there is a way to make the “keyword=” text itself be a link so instead of hovering over the phrase to see the tooltip, the text that is hovered over can function as a link itself… Thanks

And:

Hello! Thanks for the response!

For the first option, basically, when clicking on the link inside the tooltip, I am seeking the option to have it open in a new window when clicked. So one hovers over a word, it pops up the tooltip, then I hover over the link inside the tooltip, and upon clicking, it opens the link in a new window/page.

For the second question, allow me to redescribe.

I do not need a live preview of the url. It is just the first part of what you confirmed: Making the keyword itself a link. So you can add a tooltip to text that links elsewhere versus plain text.

So let’s say I was making a tooltip on this help forum page. If you see the top links where it says “Home › Forums › WordPress Tooltip Pro + Support”, imagine I wanted to make those links into tooltips. So when I click the link it works, but if I hover over it, it pops up a tooltip that I may have a link or something inside as well.

I hope that makes sense?

And:

On that first question, on the backend for the link, I am looking for it to do the “rel=noreferrer noopener” function. (It opens in a new window/page/tab and does not consider it referral traffic.)

Our WordPress tooltips plugin developer has reviewed this ticket and confirmed that users can already open clicked links in the WordPress tooltip shortcode in a new tab or window. In order to assist WordPress tooltip users, we would like to create a comprehensive documentation explaining this functionality in detail.

How can I open clicked links in the WordPress tooltip shortcode in a new tab or window?

In wordpress editor , you can add links in the tooltip keyword and tooltip content directly, if you are using Gutenberg editor, follow these steps to add links to the tooltip term or content:

Option 1:  In Gutenberg, create a paragraph block and insert the shortcode within it , here’s  an example:

[tooltips keyword='tt shortcode' content='please check our detailed document']

After inserting the shortcode,  click on the tooltip keyword or tooltip content, and you will see the Gutenberg paragraph options panel,  select “Insert / edit link” from options,  you can now add links to the tooltip keyword or content.

While adding links,  click on the “link options” button and check “Open link in a new tab” option. This ensures that when users hover over a tooltip term in the tooltip popup window, they can click the link in the content, and it will open in a new tab or window.

Option 2: In Gutenberg, locate the “Options” icon at the top-right corner of the editor. Within the “Editor” panel, select “Code editor”. This will enable you to write shortcodes using the code mode and incorporate attributes like “target=’_blank'” or “rel=noreferrer noopener” …etc. 🙂

By combining option 1 and option 2, you can directly create a hyperlink using the “keyword=” text in Gutenberg 🙂

About “I also tried to use the ” target=”_blank” ” html code after a link in the html code of the tooltip, but that breaks it”

please note: a few user said their shortcode cannot works in Gutenberg, that is because they use the error format like this:

1 [tooltips keyword=”lovely girls” content=”<img src=’https://tooltips.org/wp-content/uploads/2014/03/ben-white-179058.png’>”]

This will not work, because Gutenberg will replace the ‘ in shortocode to “ format automatically like this:

2 [tooltips keyword=”lovely girls” content=”<img src=”https://tooltips.org/wp-content/uploads/2014/03/ben-white-179058.png”>”]

User have no way to stop Gutenberg replace the ‘ to “, even you update the format manually, once Gutenburg saved the post, Gutenberg will replace the ‘ to “ again — automatically, so editor must use the correct format like this:

[tooltips keyword=”lovely girls” content=’<img src=”https://tooltips.org/wp-content/uploads/2014/03/ben-white-179058.png”>’]

The rule is: In the shortcode, after the tag content, please use ‘, and after the tag img src, use “

Also we recommend to use tooltip_by_id shortcode, by this way, you can insert images, links, in 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.

You can use tooltip_by_id to create any comple shortcode easily:

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

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

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:

Would you please check our detailed wordpress tooltip shortcode document?

Hope this have a little help 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress tooltips plugin support