{"id":651,"date":"2020-11-27T18:17:47","date_gmt":"2020-11-27T18:17:47","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=651"},"modified":"2023-10-27T07:41:44","modified_gmt":"2023-10-27T07:41:44","slug":"select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/","title":{"rendered":"Select how VWO will Identify Elements to which a Variation\u2019s Changes should be Applied"},"content":{"rendered":"\n

In order to execute Testing<\/a> and Rollouts<\/a> campaigns, VWO uses selector paths to identify elements and apply the campaign\u2019s changes on them. E.g. in an A\/B testing campaign with an alternate headline on your homepage, VWO will store the headline\u2019s selector path and the change. During campaign run-time, VWO identifies the headline using the selector path and then applies the change on it.<\/p>\n\n\n\n

You now have more options to direct how VWO will identify elements on your website. By defining the method<\/strong> to be used by VWO to select the element, you define the selector path<\/strong> for the element. With more options to accurately define the selector path, it is possible to control the elements to which a set of changes are effected.<\/p>\n\n\n\n

Elements have attributes<\/strong> which are used to build its selector path. By default, VWO uses an element\u2019s ID<\/strong> and class<\/strong> attributes to define the selector path. This default can be changed from Settings > Selector path options in the Visual Editor<\/a>. You can find more details about in this article<\/a>. Do note, the method that is set here is used as the default for all the elements involved in the campaign.<\/p>\n\n\n\n

When viewing the modifications in a campaign\u2019s variation, you now have the option to group them by elements. For these selected elements, you can now edit the selector path and choose to override the default, by selecting which attribute to use from a list of attributes of the element.<\/p>\n\n\n\n

For a detailed walkthrough of how you can access these options, do refer to this article<\/a>.<\/p>\n\n\n\n

\"Edit
Selecting the preferred method by which an element is to be identified. The number of elements identified with that method is also shown.
<\/figcaption><\/figure>\n\n\n\n

If you have similar elements on the page (such as multiple \u2018Buy Now\u2019 buttons), you can select an attribute in a way to apply the changes on all of them. Similar elements usually share a custom attribute by which they are grouped and organised. Choose the attribute and save it; the entire change-set will be applied to all the elements that carry the attribute.<\/p>\n\n\n\n

PRO TIPS<\/h4>\n\n\n\n
    \n
  1. For any chosen method, the Editor automatically shows how many elements the change-set will be applied on. You can ensure that the right number of elements are being treated with the change. E.g. if a change is intended on only one element and the default method shows more than one element identified, it signifies that you might have to use another method to point out the exact element better. In this way, you can ensure that the change-set does not hit elements that you do not wish to modify.<\/li>\n\n\n\n
  2. This can also come in handy when there are website changes after you have created a campaign. You can check the effect of the change on the different modifications on the campaign and change the selector to apply to newer elements or remove modifications applied on elements that are no longer present on the page.<\/li>\n<\/ol>\n\n\n\n

    With these options now for each element of the variation, you now have the ability to configure your campaigns’ modifications at a very granular level with a very high degree of control to ensure that changes are applied accurately. This also allows you to expand a change-set to cover more elements, reducing the need to perform repeated changes on individual elements.<\/p>\n\n\n\n

    PS: This feature is currently available on a request basis. Do sign up for the feature using the form below, you will receive a confirmation via email once the feature has been activated in your VWO account.<\/p>\n","protected":false},"excerpt":{"rendered":"

    In order to execute Testing and Rollouts campaigns, VWO uses selector paths to identify elements and apply the campaign\u2019s changes on them. E.g. in an A\/B testing campaign with an alternate headline on your homepage, VWO will store the headline\u2019s selector path and the change. During campaign run-time, VWO identifies the headline using the selector…<\/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-651","post","type-post","status-publish","format-standard","hentry","category-testing","category-deploy","tag-client-side-testing","tag-visual-editor"],"acf":[],"yoast_head":"\nDirect how VWO will identify elements on your website| VWO Product Updates<\/title>\n<meta name=\"description\" content=\"You now have more options to direct how VWO will identify elements on your website. By defining the method to be used by VWO to select the element, you define the selector path for the element.\" \/>\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\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Direct how VWO will identify elements on your website| VWO Product Updates\" \/>\n<meta property=\"og:description\" content=\"You now have more options to direct how VWO will identify elements on your website. By defining the method to be used by VWO to select the element, you define the selector path for the element.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-27T18:17:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T07:41:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.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\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/\"},\"author\":{\"name\":\"Sathyajith Vijayakumar\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"headline\":\"Select how VWO will Identify Elements to which a Variation\u2019s Changes should be Applied\",\"datePublished\":\"2020-11-27T18:17:47+00:00\",\"dateModified\":\"2023-10-27T07:41:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/\"},\"wordCount\":612,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.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\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/\",\"url\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/\",\"name\":\"Direct how VWO will identify elements on your website| VWO Product Updates\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.png\",\"datePublished\":\"2020-11-27T18:17:47+00:00\",\"dateModified\":\"2023-10-27T07:41:44+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"description\":\"You now have more options to direct how VWO will identify elements on your website. By defining the method to be used by VWO to select the element, you define the selector path for the element.\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.png\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/product-updates\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Select how VWO will Identify Elements to which a Variation\u2019s Changes should be Applied\"}]},{\"@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":"Direct how VWO will identify elements on your website| VWO Product Updates","description":"You now have more options to direct how VWO will identify elements on your website. By defining the method to be used by VWO to select the element, you define the selector path for the element.","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\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/","og_locale":"en_US","og_type":"article","og_title":"Direct how VWO will identify elements on your website| VWO Product Updates","og_description":"You now have more options to direct how VWO will identify elements on your website. By defining the method to be used by VWO to select the element, you define the selector path for the element.","og_url":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/","og_site_name":"VWO Product Updates","article_published_time":"2020-11-27T18:17:47+00:00","article_modified_time":"2023-10-27T07:41:44+00:00","og_image":[{"url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.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\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/"},"author":{"name":"Sathyajith Vijayakumar","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"headline":"Select how VWO will Identify Elements to which a Variation\u2019s Changes should be Applied","datePublished":"2020-11-27T18:17:47+00:00","dateModified":"2023-10-27T07:41:44+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/"},"wordCount":612,"commentCount":0,"image":{"@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.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\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/","url":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/","name":"Direct how VWO will identify elements on your website| VWO Product Updates","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage"},"image":{"@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.png","datePublished":"2020-11-27T18:17:47+00:00","dateModified":"2023-10-27T07:41:44+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"description":"You now have more options to direct how VWO will identify elements on your website. By defining the method to be used by VWO to select the element, you define the selector path for the element.","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#primaryimage","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.png","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/edit-selector.png"},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/select-how-vwo-will-identify-elements-to-which-a-variations-changes-should-be-applied\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"Select how VWO will Identify Elements to which a Variation\u2019s Changes should be Applied"}]},{"@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\/651","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=651"}],"version-history":[{"count":17,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/651\/revisions"}],"predecessor-version":[{"id":2392,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/651\/revisions\/2392"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=651"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=651"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}