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:
Tooltip For Forms Demo – Message Field
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
- You must be logged in to reply to this topic.
