{"id":2030,"date":"2023-05-05T06:07:03","date_gmt":"2023-05-05T06:07:03","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=2030"},"modified":"2023-10-27T08:10:59","modified_gmt":"2023-10-27T08:10:59","slug":"editing-elements-that-appear-on-hover","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/","title":{"rendered":"Now Edit Elements that Appear on Hover using Visual Editor"},"content":{"rendered":"\n

Enhance your website’s user experience with our latest update that allows you to edit elements that appear when you hover a mouse cursor over them. Now, you can easily test, personalize, or deploy these elements on your website using\u00a0VWO\u2019s Visual Editor<\/a>, without any coding.<\/p>\n\n\n\n

\"\nEditing

Editing elements that appear on hover using Visual Editor<\/figcaption><\/figure>\n\n\n\n

Overcoming challenges with editing elements that appear on hover<\/h2>\n\n\n\n

Editing elements that appear on hover can be challenging because they typically disappear as soon as the mouse action stops. This makes it difficult to select, modify, or customize such widgets or elements. Without the ability to edit such elements directly, website owners often face limitations in optimizing the user experience and personalizing the content or behavior of these interactions. <\/p>\n\n\n\n

With this update, VWO has solved this challenge faced by web optimization users. Now you can simply select and edit any element that appears upon hovering your cursor using VWO\u2019s Visual Editor. Let\u2019s understand how you can use this feature to your benefit with a common use case.<\/p>\n\n\n\n

A Common Use Case Example: Optimizing Navigation Dropdown Menus<\/h2>\n\n\n\n

One of the most common uses of hover effects is navigation dropdown menus. Now you can easily test and personalize your navigation menu to improve discoverability. <\/p>\n\n\n\n

Here\u2019s an example from our own website. Recently, at VWO, we tested a capability-first approach to our navigation menu against the previous one which featured the product names. We tested the headline, description, and order of links to create a visual hierarchy that guides users based on their intent. <\/p>\n\n\n\n

\"Image\"
The new capability-first approach to VWO\u2019s navigation menu<\/figcaption><\/figure>\n\n\n\n

Here\u2019s how simple it is to make such a change using VWO\u2019s Visual Editor. <\/p>\n\n\n\n

Visual representation of how you can edit elements that appear on hover<\/figcaption><\/figure>\n\n\n\n

Excited and want to know more?<\/h3>\n\n\n\n

This update is now live for all users of VWO Testing<\/a>, VWO Personalize<\/a>, and VWO Web Rollouts<\/a>. We hope it helps you test and deliver interactive experiences on your website effectively. For any questions or concerns, please feel free to reach out to us at support@vwo.com<\/a>.<\/p>\n\n\n\n

\n","protected":false},"excerpt":{"rendered":"

Enhance your website’s user experience with our latest update that allows you to edit elements that appear when you hover a mouse cursor over them. Now, you can easily test, personalize, or deploy these elements on your website using\u00a0VWO\u2019s Visual Editor, without any coding. Overcoming challenges with editing elements that appear on hover Editing elements…<\/p>\n","protected":false},"author":760,"featured_media":2048,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[38,3,5],"tags":[12,13],"feature":[],"industry-type":[],"class_list":["post-2030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalize","category-testing","category-deploy","tag-client-side-testing","tag-visual-editor"],"acf":[],"yoast_head":"\nNow Edit Elements that Appear on Hover using Visual Editor<\/title>\n<meta name=\"description\" content=\"Now you can simply select and edit any element that appears on hover using VWO\u2019s Visual Editor. Read more.\" \/>\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\/editing-elements-that-appear-on-hover\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Now Edit Elements that Appear on Hover using Visual Editor\" \/>\n<meta property=\"og:description\" content=\"Now you can simply select and edit any element that appears on hover using VWO\u2019s Visual Editor. Read more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-05T06:07:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T08:10:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aman Rayjada\" \/>\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\/editing-elements-that-appear-on-hover\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/\"},\"author\":{\"name\":\"Aman Rayjada\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/ab8ed1cad148e65dc9fa3082da32c668\"},\"headline\":\"Now Edit Elements that Appear on Hover using Visual Editor\",\"datePublished\":\"2023-05-05T06:07:03+00:00\",\"dateModified\":\"2023-10-27T08:10:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/\"},\"wordCount\":365,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png\",\"keywords\":[\"Client Side Testing\",\"Visual Editor\"],\"articleSection\":[\"VWO Personalize\",\"VWO Testing\",\"VWO Web Rollouts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/\",\"url\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/\",\"name\":\"Now Edit Elements that Appear on Hover using Visual Editor\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png\",\"datePublished\":\"2023-05-05T06:07:03+00:00\",\"dateModified\":\"2023-10-27T08:10:59+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/ab8ed1cad148e65dc9fa3082da32c668\"},\"description\":\"Now you can simply select and edit any element that appears on hover using VWO\u2019s Visual Editor. Read more.\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png\",\"width\":2400,\"height\":1260,\"caption\":\"Edit Elements that appear on Hover using Visual Editor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/product-updates\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Now Edit Elements that Appear on Hover using Visual Editor\"}]},{\"@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\/ab8ed1cad148e65dc9fa3082da32c668\",\"name\":\"Aman Rayjada\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2022\/09\/1651604509186-1-768x768.jpeg\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2022\/09\/1651604509186-1-768x768.jpeg\",\"caption\":\"Aman Rayjada\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/amanrayjada\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Now Edit Elements that Appear on Hover using Visual Editor","description":"Now you can simply select and edit any element that appears on hover using VWO\u2019s Visual Editor. Read more.","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\/editing-elements-that-appear-on-hover\/","og_locale":"en_US","og_type":"article","og_title":"Now Edit Elements that Appear on Hover using Visual Editor","og_description":"Now you can simply select and edit any element that appears on hover using VWO\u2019s Visual Editor. Read more.","og_url":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/","og_site_name":"VWO Product Updates","article_published_time":"2023-05-05T06:07:03+00:00","article_modified_time":"2023-10-27T08:10:59+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png","type":"image\/png"}],"author":"Aman Rayjada","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/"},"author":{"name":"Aman Rayjada","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/ab8ed1cad148e65dc9fa3082da32c668"},"headline":"Now Edit Elements that Appear on Hover using Visual Editor","datePublished":"2023-05-05T06:07:03+00:00","dateModified":"2023-10-27T08:10:59+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/"},"wordCount":365,"commentCount":0,"image":{"@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png","keywords":["Client Side Testing","Visual Editor"],"articleSection":["VWO Personalize","VWO Testing","VWO Web Rollouts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/","url":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/","name":"Now Edit Elements that Appear on Hover using Visual Editor","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage"},"image":{"@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png","datePublished":"2023-05-05T06:07:03+00:00","dateModified":"2023-10-27T08:10:59+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/ab8ed1cad148e65dc9fa3082da32c668"},"description":"Now you can simply select and edit any element that appears on hover using VWO\u2019s Visual Editor. Read more.","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#primaryimage","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2023\/05\/og-image-Now-Edit-Hover-Elements-in-Visual-Editor-4.png","width":2400,"height":1260,"caption":"Edit Elements that appear on Hover using Visual Editor"},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/editing-elements-that-appear-on-hover\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"Now Edit Elements that Appear on Hover using Visual Editor"}]},{"@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\/ab8ed1cad148e65dc9fa3082da32c668","name":"Aman Rayjada","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2022\/09\/1651604509186-1-768x768.jpeg","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2022\/09\/1651604509186-1-768x768.jpeg","caption":"Aman Rayjada"},"sameAs":["https:\/\/www.linkedin.com\/in\/amanrayjada\/"]}]}},"_links":{"self":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/2030","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\/760"}],"replies":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/comments?post=2030"}],"version-history":[{"count":19,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/2030\/revisions"}],"predecessor-version":[{"id":2407,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/2030\/revisions\/2407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media\/2048"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=2030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=2030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=2030"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=2030"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=2030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}