{"id":1029,"date":"2021-11-16T09:27:53","date_gmt":"2021-11-16T09:27:53","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=1029"},"modified":"2023-10-27T07:25:13","modified_gmt":"2023-10-27T07:25:13","slug":"experiment-on-shadow-dom-with-vwo","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/","title":{"rendered":"Run Experiments on Shadow DOM Elements of Your Websites With VWO Visual Editor"},"content":{"rendered":"\n<p>Innovation is a key facet at VWO. In our quest to make experimentation and optimization simpler for you, we have removed an often encountered roadblock faced by teams experimenting on websites utilizing Web Components: the Shadow DOM.&nbsp;<\/p>\n\n\n\n<p>Over the last few years, the Shadow DOM has become the go-to solution for web developers to build reusable custom elements like widgets. However, it has become a nightmare for experimentation teams to test these elements as they cannot change their Shadow DOM using JavaScript or CSS.&nbsp;<\/p>\n\n\n\n<p>For technical novices, consider the Shadow DOM as a container that can enclose any element on your website. Once inside, the elements are isolated from any changes happening to the rest of your website. This isolated nature of the Shadow DOM made it easier for developers and IT teams to use it across their websites while making it nearly impossible for external tools (like VWO) to manipulate it for A\/B Testing.<\/p>\n\n\n\n<p>Fret not, for we have your back. With this update, you will now be able to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Run experiments by modifying elements inside a Shadow DOM on your website.<\/li>\n\n\n\n<li>Track clicks on elements inside a Shadow DOM in A\/B, Multivariate and Split tests.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif\" alt=\"Editor\" class=\"wp-image-1030\" \/><\/figure>\n<\/div>\n\n\n<p>This VWO Visual Editor feature is in early access for all <a href=\"https:\/\/vwo.com\/testing\/\">VWO Testing<\/a> and <a href=\"https:\/\/vwo.com\/deploy\/\">VWO Web Rollouts<\/a> customers. To enable this for your VWO account, please contact your Customer Success or Account Manager. For any questions around the VWO <a href=\"https:\/\/vwo.com\/why-us\/technology\/visual-editor\/\">Visual Editor<\/a>, check out our <a href=\"https:\/\/help.vwo.com\/hc\/en-us\/sections\/360003807613-VWO-Editor\">Knowledge Base<\/a>, and for any questions, email us at <a href=\"mailto:support@vwo.com\">support@vwo.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Innovation is a key facet at VWO. In our quest to make experimentation and optimization simpler for you, we have removed an often encountered roadblock faced by teams experimenting on websites utilizing Web Components: the Shadow DOM.&nbsp; Over the last few years, the Shadow DOM has become the go-to solution for web developers to build&#8230;<\/p>\n","protected":false},"author":335,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,5],"tags":[30,12,13],"feature":[],"industry-type":[],"class_list":["post-1029","post","type-post","status-publish","format-standard","hentry","category-testing","category-deploy","tag-campaign-settings","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>Run Experiments on Shadow DOM | VWO Product Updates<\/title>\n<meta name=\"description\" content=\"With VWO, you can make changes to elements inside a Shadow DOM and run A\/B, Split and Multivariate tests without writing code.\" \/>\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\/experiment-on-shadow-dom-with-vwo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Run Experiments on Shadow DOM | VWO Product Updates\" \/>\n<meta property=\"og:description\" content=\"With VWO, you can make changes to elements inside a Shadow DOM and run A\/B, Split and Multivariate tests without writing code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-16T09:27:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T07:25:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif\" \/>\n<meta name=\"author\" content=\"Shubhankar Gupta\" \/>\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\/experiment-on-shadow-dom-with-vwo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/\"},\"author\":{\"name\":\"Shubhankar Gupta\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/358871cf3436c0a1e1397639abd1085a\"},\"headline\":\"Run Experiments on Shadow DOM Elements of Your Websites With VWO Visual Editor\",\"datePublished\":\"2021-11-16T09:27:53+00:00\",\"dateModified\":\"2023-10-27T07:25:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/\"},\"wordCount\":270,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif\",\"keywords\":[\"Campaign Settings\",\"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\/experiment-on-shadow-dom-with-vwo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/\",\"url\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/\",\"name\":\"Run Experiments on Shadow DOM | VWO Product Updates\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif\",\"datePublished\":\"2021-11-16T09:27:53+00:00\",\"dateModified\":\"2023-10-27T07:25:13+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/358871cf3436c0a1e1397639abd1085a\"},\"description\":\"With VWO, you can make changes to elements inside a Shadow DOM and run A\/B, Split and Multivariate tests without writing code.\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/product-updates\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Run Experiments on Shadow DOM Elements of Your Websites With VWO 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\/358871cf3436c0a1e1397639abd1085a\",\"name\":\"Shubhankar Gupta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b15127d5641ec4081348948a0b5f78cc08eb102d8c7b1de26d22c3a5ef8f28e0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b15127d5641ec4081348948a0b5f78cc08eb102d8c7b1de26d22c3a5ef8f28e0?s=96&d=mm&r=g\",\"caption\":\"Shubhankar Gupta\"},\"description\":\"I am a tech geek who attended design school. At VWO, I (try to) understand and solve customer problems. I love speaking to smart people to understand the future of technology and its impact on our world. My areas of interest include blockchain, crypto, and low code. Currently, I am on a mission to automate my entire life with the help of technology or reduce my screen time, whatever happens first.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/shbhnkr\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Run Experiments on Shadow DOM | VWO Product Updates","description":"With VWO, you can make changes to elements inside a Shadow DOM and run A\/B, Split and Multivariate tests without writing code.","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\/experiment-on-shadow-dom-with-vwo\/","og_locale":"en_US","og_type":"article","og_title":"Run Experiments on Shadow DOM | VWO Product Updates","og_description":"With VWO, you can make changes to elements inside a Shadow DOM and run A\/B, Split and Multivariate tests without writing code.","og_url":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/","og_site_name":"VWO Product Updates","article_published_time":"2021-11-16T09:27:53+00:00","article_modified_time":"2023-10-27T07:25:13+00:00","og_image":[{"url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif","type":"","width":"","height":""}],"author":"Shubhankar Gupta","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/"},"author":{"name":"Shubhankar Gupta","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/358871cf3436c0a1e1397639abd1085a"},"headline":"Run Experiments on Shadow DOM Elements of Your Websites With VWO Visual Editor","datePublished":"2021-11-16T09:27:53+00:00","dateModified":"2023-10-27T07:25:13+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/"},"wordCount":270,"commentCount":0,"image":{"@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif","keywords":["Campaign Settings","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\/experiment-on-shadow-dom-with-vwo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/","url":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/","name":"Run Experiments on Shadow DOM | VWO Product Updates","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage"},"image":{"@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif","datePublished":"2021-11-16T09:27:53+00:00","dateModified":"2023-10-27T07:25:13+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/358871cf3436c0a1e1397639abd1085a"},"description":"With VWO, you can make changes to elements inside a Shadow DOM and run A\/B, Split and Multivariate tests without writing code.","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#primaryimage","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2021\/11\/Editor.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/experiment-on-shadow-dom-with-vwo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"Run Experiments on Shadow DOM Elements of Your Websites With VWO 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\/358871cf3436c0a1e1397639abd1085a","name":"Shubhankar Gupta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b15127d5641ec4081348948a0b5f78cc08eb102d8c7b1de26d22c3a5ef8f28e0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b15127d5641ec4081348948a0b5f78cc08eb102d8c7b1de26d22c3a5ef8f28e0?s=96&d=mm&r=g","caption":"Shubhankar Gupta"},"description":"I am a tech geek who attended design school. At VWO, I (try to) understand and solve customer problems. I love speaking to smart people to understand the future of technology and its impact on our world. My areas of interest include blockchain, crypto, and low code. Currently, I am on a mission to automate my entire life with the help of technology or reduce my screen time, whatever happens first.","sameAs":["https:\/\/www.linkedin.com\/in\/shbhnkr\/"]}]}},"_links":{"self":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/1029","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\/335"}],"replies":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/comments?post=1029"}],"version-history":[{"count":9,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/1029\/revisions"}],"predecessor-version":[{"id":2385,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/1029\/revisions\/2385"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=1029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=1029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=1029"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=1029"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=1029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}