{"id":620,"date":"2020-11-13T00:08:36","date_gmt":"2020-11-13T00:08:36","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=620"},"modified":"2023-10-27T07:43:29","modified_gmt":"2023-10-27T07:43:29","slug":"do-more-with-new-operations-in-the-visual-editor","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/","title":{"rendered":"Do More with New Operations in the Visual Editor"},"content":{"rendered":"\n

Making changes to your website with VWO’s Visual Editor<\/a> is the fulcrum of creating variations for your Testing<\/a> and Rollouts<\/a> campaigns. \u2018Changes\u2019 or \u2018Modifications\u2019 are a result of a combination of operation(s) that are performed on elements in a page. For example- you ‘move’ an element to ‘change its position\u2019. Here, the operation is ‘move’, which results in a modification- its position on the page.<\/p>\n\n\n\n

The different operations in the Visual Editor give you the power to perform most changes visually. This translates to reduced dependency on writing custom code to achieve similar results. A wider scope of operations gives you additional avenues by which you can achieve certain changes and improve how you use the Visual Editor. Here are some new operations that are now possible:<\/p>\n\n\n\n

1. Navigate to URL<\/strong>: This allows you to go directly to the target URL of a link in Design mode itself. Select any link element, and click on navigate to URL. The Editor will open the destination URL straight away. Earlier, you would have to switch to navigate mode, click the link, and then switch back to Design mode once the page loads.<\/p>\n\n\n\n

\"Image4\"
Selecting a link element will present the option to navigate to its target URL<\/figcaption><\/figure>\n\n\n\n

2. Edit iframe content<\/strong>: When an iframe exists on a page, you can now use the ‘Edit iframe content’ operation to directly start editing elements inside it. Usually, it calls for navigating to the iframe’s URL from inside the editor. Things only get complicated when the URL is not known and needs to be extracted manually from the browser’s developer tools. From here on, all of this is handled with a single click. The following image is w3school\u2019s iframe demo page loaded on VWO\u2019s Visual Editor.<\/p>\n\n\n\n

\"Image3\"
The ‘Edit iframe content’ operation lets you directly make changes to elements present inside an iframe.<\/figcaption><\/figure>\n\n\n\n

3. Select a <\/strong>relative element: Making selections relative to an element was previously limited to parent elements. This has now been expanded to include selection of parent, child, or sibling of any element. If you find a particular element tricky to select because it is not directly clickable, you can use these options instead.<\/p>\n\n\n\n

\"Image2\"
This shows the expanded select relative element options- giving you the list of parent, child and sibling elements of a chosen element<\/figcaption><\/figure>\n\n\n\n

NOTE:<\/strong> All the parent elements across different levels are listed for a chosen element, while the list of child elements that are one level below the chosen element is displayed.<\/p>\n","protected":false},"excerpt":{"rendered":"

Making changes to your website with VWO’s Visual Editor is the fulcrum of creating variations for your Testing and Rollouts campaigns. \u2018Changes\u2019 or \u2018Modifications\u2019 are a result of a combination of operation(s) that are performed on elements in a page. For example- you ‘move’ an element to ‘change its position\u2019. Here, the operation is ‘move’,…<\/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-620","post","type-post","status-publish","format-standard","hentry","category-testing","category-deploy","tag-client-side-testing","tag-visual-editor"],"acf":[],"yoast_head":"\nDo More with New Operations in the Visual Editor| VWO Product Updates<\/title>\n<meta name=\"description\" content=\"Making changes to your website with VWO\u2019s Visual Editor is the fulcrum of creating variations for your Testing and Deploy campaigns\" \/>\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\/do-more-with-new-operations-in-the-visual-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Do More with New Operations in the Visual Editor| VWO Product Updates\" \/>\n<meta property=\"og:description\" content=\"Making changes to your website with VWO\u2019s Visual Editor is the fulcrum of creating variations for your Testing and Deploy campaigns\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-13T00:08:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T07:43:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.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\/do-more-with-new-operations-in-the-visual-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/\"},\"author\":{\"name\":\"Sathyajith Vijayakumar\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"headline\":\"Do More with New Operations in the Visual Editor\",\"datePublished\":\"2020-11-13T00:08:36+00:00\",\"dateModified\":\"2023-10-27T07:43:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/\"},\"wordCount\":425,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.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\/do-more-with-new-operations-in-the-visual-editor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/\",\"url\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/\",\"name\":\"Do More with New Operations in the Visual Editor| VWO Product Updates\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.png\",\"datePublished\":\"2020-11-13T00:08:36+00:00\",\"dateModified\":\"2023-10-27T07:43:29+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"description\":\"Making changes to your website with VWO\u2019s Visual Editor is the fulcrum of creating variations for your Testing and Deploy campaigns\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage\",\"url\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.png\",\"contentUrl\":\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/product-updates\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Do More with New Operations in the 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\/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":"Do More with New Operations in the Visual Editor| VWO Product Updates","description":"Making changes to your website with VWO\u2019s Visual Editor is the fulcrum of creating variations for your Testing and Deploy campaigns","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\/do-more-with-new-operations-in-the-visual-editor\/","og_locale":"en_US","og_type":"article","og_title":"Do More with New Operations in the Visual Editor| VWO Product Updates","og_description":"Making changes to your website with VWO\u2019s Visual Editor is the fulcrum of creating variations for your Testing and Deploy campaigns","og_url":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/","og_site_name":"VWO Product Updates","article_published_time":"2020-11-13T00:08:36+00:00","article_modified_time":"2023-10-27T07:43:29+00:00","og_image":[{"url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.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\/do-more-with-new-operations-in-the-visual-editor\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/"},"author":{"name":"Sathyajith Vijayakumar","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"headline":"Do More with New Operations in the Visual Editor","datePublished":"2020-11-13T00:08:36+00:00","dateModified":"2023-10-27T07:43:29+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/"},"wordCount":425,"commentCount":0,"image":{"@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.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\/do-more-with-new-operations-in-the-visual-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/","url":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/","name":"Do More with New Operations in the Visual Editor| VWO Product Updates","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage"},"image":{"@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.png","datePublished":"2020-11-13T00:08:36+00:00","dateModified":"2023-10-27T07:43:29+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"description":"Making changes to your website with VWO\u2019s Visual Editor is the fulcrum of creating variations for your Testing and Deploy campaigns","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#primaryimage","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.png","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/11\/image4.png"},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/do-more-with-new-operations-in-the-visual-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"Do More with New Operations in the 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\/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\/620","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=620"}],"version-history":[{"count":6,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/620\/revisions"}],"predecessor-version":[{"id":2394,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/620\/revisions\/2394"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=620"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=620"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}