{"id":507,"date":"2020-10-16T16:10:46","date_gmt":"2020-10-16T16:10:46","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=507"},"modified":"2023-10-27T08:03:47","modified_gmt":"2023-10-27T08:03:47","slug":"handhold-your-website-visitors-with-tooltips","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/","title":{"rendered":"Handhold Your Website Visitors with Tooltips"},"content":{"rendered":"\n<p>Engaging visitors on your website involves delivering creative and delightful experiences. Our ever-expanding library of widgets provides you with various options that can help you create such engaging experiences. Our latest addition to this library is the ability to create <strong>Tooltips<\/strong>.\u00a0<\/p>\n\n\n\n<p>A Tooltip is an elegant widget that can make a big impact on how easily your visitors interact with specific parts of the page and adds to building great experiences on the whole.<\/p>\n\n\n\n<p>There are situations where your visitor requires some additional information. For example, when filling up a form on the page, you can guide the visitor on how you expect a particular field to be filled. The idea is to remove any vagueness associated with that specific field so the visitor clearly understands what to enter. This information may need to be shown only the first time and only when they start interacting with that field. As an alternative to having a subheading for the field, using a Tooltip reduces clutter and adds to the visual aesthetic of the form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1428\" height=\"733\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png\" alt=\"Image2 2\" class=\"wp-image-508\" srcset=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png 1428w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png?tr=w-1366 1366w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png?tr=w-1024 1024w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png?tr=w-768 768w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png?tr=w-640 640w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png?tr=w-375 375w\" sizes=\"(max-width: 1428px) 100vw, 1428px\" \/><figcaption class=\"wp-element-caption\">An example of how we can implement a tooltip in a field on VWO\u2019s \u2018Request Demo\u2019 form.&nbsp;<\/figcaption><\/figure>\n\n\n\n<p>If we were to replicate this example on VWO&#8217;s website, we would add this Tooltip in an attempt to reduce the time spent by our prospects interacting with the field, and subsequent drop-offs from it.&nbsp;<\/p>\n\n\n\n<p>Tooltips can be added in any situation where contextual information needs to show up at the right time and catch the attention of the visitor in a subtle manner. It can be dismissed by the visitor once they are through with it, leaving the page in its original tidy state. Tooltips really shine when they show up as a response when a visitor does a particular interaction providing guidance on how they need to proceed further.<\/p>\n\n\n\n<p><strong>PRO TIP<\/strong>: If you feel that showing the information permanently near the focused element (like a subheading for a form field) could serve the purpose better than a tooltip, create variations of both and A\/B test them. To make things better, add multiple text copies for both. VWO will even help you generate alternative text copies with the <a href=\"https:\/\/vwo.com\/product-updates\/generating-copy-recommendations-on-your-website-using-ai\/\">AI based text-recommendations feature<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1429\" height=\"731\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image1-2.png\" alt=\"Image1 2\" class=\"wp-image-509\" srcset=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image1-2.png 1429w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image1-2.png?tr=w-1366 1366w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image1-2.png?tr=w-1024 1024w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image1-2.png?tr=w-768 768w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image1-2.png?tr=w-640 640w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image1-2.png?tr=w-375 375w\" sizes=\"(max-width: 1429px) 100vw, 1429px\" \/><figcaption class=\"wp-element-caption\">Adding a tooltip using the Visual Editor.<\/figcaption><\/figure>\n\n\n\n<p>The above screenshot shows how the tooltip is implemented with the <a href=\"https:\/\/vwo.com\/why-us\/technology\/visual-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visual Editor<\/a>. You can align a tooltip to any element on the page, adjust its position relative to the element, add content, and configure when it is supposed to show up and how it disappears. All from within the Visual Editor.<\/p>\n\n\n\n<p>Widgets can be used in campaigns created with <a href=\"https:\/\/vwo.com\/testing\/\" target=\"_blank\" rel=\"noreferrer noopener\">VWO Testing<\/a> and <a href=\"https:\/\/vwo.com\/deploy\">VWO Web Rollouts<\/a>. Check out <a href=\"https:\/\/help.vwo.com\/hc\/en-us\/articles\/360039014073-Working-with-Widgets-in-VWO\" target=\"_blank\" rel=\"noreferrer noopener\">this article<\/a> to learn more about VWO Widgets and how to use them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Engaging visitors on your website involves delivering creative and delightful experiences. Our ever-expanding library of widgets provides you with various options that can help you create such engaging experiences. Our latest addition to this library is the ability to create Tooltips.\u00a0 A Tooltip is an elegant widget that can make a big impact on how&#8230;<\/p>\n","protected":false},"author":275,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,5],"tags":[12,13],"feature":[],"industry-type":[],"class_list":["post-507","post","type-post","status-publish","format-standard","hentry","category-testing","category-deploy","tag-client-side-testing","tag-visual-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Handhold Your Website Visitors with Tooltips| VWO Product Updates<\/title>\n<meta name=\"description\" content=\"A Tooltip is an elegant widget that can make a big impact on how easily your visitors interact with specific parts of the page, and adds to building great experiences on the whole.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Handhold Your Website Visitors with Tooltips| VWO Product Updates\" \/>\n<meta property=\"og:description\" content=\"A Tooltip is an elegant widget that can make a big impact on how easily your visitors interact with specific parts of the page, and adds to building great experiences on the whole.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-16T16:10:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T08:03:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png\" \/>\n<meta name=\"author\" content=\"Sathyajith Vijayakumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/\"},\"author\":{\"name\":\"Sathyajith Vijayakumar\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"headline\":\"Handhold Your Website Visitors with Tooltips\",\"datePublished\":\"2020-10-16T16:10:46+00:00\",\"dateModified\":\"2023-10-27T08:03:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/\"},\"wordCount\":462,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png\",\"keywords\":[\"Client Side Testing\",\"Visual Editor\"],\"articleSection\":[\"VWO Testing\",\"VWO Web Rollouts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/\",\"url\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/\",\"name\":\"Handhold Your Website Visitors with Tooltips| VWO Product Updates\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png\",\"datePublished\":\"2020-10-16T16:10:46+00:00\",\"dateModified\":\"2023-10-27T08:03:47+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"description\":\"A Tooltip is an elegant widget that can make a big impact on how easily your visitors interact with specific parts of the page, and adds to building great experiences on the whole.\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/product-updates\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Handhold Your Website Visitors with Tooltips\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\",\"url\":\"https:\/\/vwo.com\/product-updates\/\",\"name\":\"VWO Product Updates\",\"description\":\"Just another VWO site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vwo.com\/product-updates\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\",\"name\":\"Sathyajith Vijayakumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g\",\"caption\":\"Sathyajith Vijayakumar\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Handhold Your Website Visitors with Tooltips| VWO Product Updates","description":"A Tooltip is an elegant widget that can make a big impact on how easily your visitors interact with specific parts of the page, and adds to building great experiences on the whole.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/","og_locale":"en_US","og_type":"article","og_title":"Handhold Your Website Visitors with Tooltips| VWO Product Updates","og_description":"A Tooltip is an elegant widget that can make a big impact on how easily your visitors interact with specific parts of the page, and adds to building great experiences on the whole.","og_url":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/","og_site_name":"VWO Product Updates","article_published_time":"2020-10-16T16:10:46+00:00","article_modified_time":"2023-10-27T08:03:47+00:00","og_image":[{"url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png","type":"","width":"","height":""}],"author":"Sathyajith Vijayakumar","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/"},"author":{"name":"Sathyajith Vijayakumar","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"headline":"Handhold Your Website Visitors with Tooltips","datePublished":"2020-10-16T16:10:46+00:00","dateModified":"2023-10-27T08:03:47+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/"},"wordCount":462,"commentCount":0,"image":{"@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png","keywords":["Client Side Testing","Visual Editor"],"articleSection":["VWO Testing","VWO Web Rollouts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/","url":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/","name":"Handhold Your Website Visitors with Tooltips| VWO Product Updates","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage"},"image":{"@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png","datePublished":"2020-10-16T16:10:46+00:00","dateModified":"2023-10-27T08:03:47+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"description":"A Tooltip is an elegant widget that can make a big impact on how easily your visitors interact with specific parts of the page, and adds to building great experiences on the whole.","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#primaryimage","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/10\/image2-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/handhold-your-website-visitors-with-tooltips\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"Handhold Your Website Visitors with Tooltips"}]},{"@type":"WebSite","@id":"https:\/\/vwo.com\/product-updates\/#website","url":"https:\/\/vwo.com\/product-updates\/","name":"VWO Product Updates","description":"Just another VWO site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vwo.com\/product-updates\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5","name":"Sathyajith Vijayakumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g","caption":"Sathyajith Vijayakumar"}}]}},"_links":{"self":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/users\/275"}],"replies":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/comments?post=507"}],"version-history":[{"count":11,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/507\/revisions"}],"predecessor-version":[{"id":2406,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/507\/revisions\/2406"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=507"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=507"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}