{"id":6477,"date":"2021-08-08T17:55:31","date_gmt":"2021-08-08T15:55:31","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/dynamic-ooo-tooltip-extension\/"},"modified":"2026-09-02T19:34:21","modified_gmt":"2026-09-02T17:34:21","slug":"dynamic-ooo-tooltip-extension","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/en\/dynamic-ooo-tooltip-extension\/","title":{"rendered":"Dynamic.ooo Tooltip Extension"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Step-by-step video<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Extensi\u00f3n Tooltip de Dynamic ooo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/hlxMOkvsEmo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\">Add a Tooltip (info bubble) to any widget<\/h2>\n\n<p class=\"wp-block-paragraph\">Tooltips are a great way to provide additional information about an object without taking up much space. They\u2019ve become popular in recent years as designers and developers have looked for ways to reduce clutter on their pages. <\/p>\n\n<p class=\"wp-block-paragraph\">Tooltips can be used in various cases, such as:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>To shorten a long text and show more information on hover.<\/li>\n\n\n\n<li>Provide more information about an element on hover.<\/li>\n\n\n\n<li>Help users with additional supporting content.<\/li>\n\n\n\n<li>Inform users about specific actions.<\/li>\n\n\n\n<li>Show what actions icons or buttons perform.<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">You can add a tooltip to any widget from the <strong>Advanced &gt; Tooltip<\/strong> tab.<\/p>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a994263550b3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a994263550b3\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"520\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/Elementor-Tooltip.jpg\" alt=\"Elementor Tooltip by Dynamic.ooo\" class=\"wp-image-4974\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/Elementor-Tooltip.jpg 400w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/Elementor-Tooltip-385x500.jpg 385w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">You can enable a Tooltip for any widget and even assign dynamic text for the Tooltip. Below are the available Tooltip options: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Tooltip:<\/strong> with this toggle, you can enable or disable the Tooltip on a widget.<\/li>\n\n\n\n<li><strong>Arrow<\/strong> (arrow): this will show or hide the small arrow in the Tooltip design.<\/li>\n\n\n\n<li><strong>Follow Cursor<\/strong> (follow cursor): you can select a cursor-follow effect when hovering over the widget.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a994263556a1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a994263556a1\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"242\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/Elementor-Tooltip-follow-cursor.jpg\" alt=\"Elementor Tooltip - Follow cursor\" class=\"wp-image-4972\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<ul class=\"wp-block-list\">\n<li><strong>Max Width<\/strong> (maximum width): you can easily adjust the width of the bubble. If your text is longer, you can adjust the width to make it wrap to two lines or fit on one line within the Tooltip. <\/li>\n\n\n\n<li><strong>Touch Devices<\/strong> (touch devices): you can decide whether to enable or disable tooltips on touch devices. There\u2019s also an option that requires pressing and holding the screen to show it. <\/li>\n\n\n\n<li><strong>Background Color<\/strong> (background color): choose the Tooltip background color.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>Text Color<\/strong> (text color): choose the text color you want for the Tooltip.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step-by-step video Add a Tooltip (info bubble) to any widget Tooltips are a great way to provide additional information about an object without taking up much space. They\u2019ve become popular in recent years as designers and developers have looked for ways to reduce clutter on their pages. Tooltips can be used in various cases, such [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6478,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Buy Dynamic OOO Tooltip Extension Official License","_seopress_titles_desc":"Add a Tooltip (info bubble) to any widget. Tooltips are a great way to provide additional information about an object without\u2026","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[375],"tags":[376,377,385],"class_list":["post-6477","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dynamic-ooo","tag-dynamic-content","tag-elementor","tag-web-design"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts\/6477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/comments?post=6477"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts\/6477\/revisions"}],"predecessor-version":[{"id":6479,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/posts\/6477\/revisions\/6479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/media\/6478"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/media?parent=6477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/categories?post=6477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/en\/wp-json\/wp\/v2\/tags?post=6477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}