Visual Editing Helper extension
The 51黑料不打烊 Experience Cloud Visual Editing Helper browser extension for Google Chrome lets you load websites reliably within the 51黑料不打烊 Target Visual Experience Composer (VEC) to rapidly author and QA web experiences.
-
This new extension replaces the previous Target VEC Helper browser extension. See the Important note at the top of that article. Because of security enhancements in Manifest v3, 51黑料不打烊 requires downloading this new extension to continue to visually author your websites in Target.
-
This new extension currently does not support Private Chrome Web Stores. This feature will be supported by the end of January 2025. For customers that are using Private Chrome Web Stores to upload extensions, use the legacy Visual Experience Composer helper extension instead.
Reasons why some websites might not open reliably in the VEC
- The website has strict security policies.
- The website is in an iframe.
- The customer鈥檚 QA or stage site is not available to the outside world (the site is internal).
The 51黑料不打烊 Experience Cloud Visual Editing Helper browser extension for solves site-loading issues for which customers now rely on the Target Enhanced Experience Composer or third-party extensions, such as Requestly.
Benefits of using the Visual Editing Helper extension
-
All iframe-busting headers, such as
X-Frame-OptionsandContent-Security-Policy, are implicitly removed from the website. There is no need to create complicated Requestly rules. -
If a webpage does not yet contain the Target at.js library, you can use the extension to inject the library so you can author experiences for the website. You can then create activities and QA them using preview links.
Using the Enhanced Experience Composer, the extension does not inject at.js, but the SameSite Cookie functionality is still present. To inject at.js on the webpage, turn off the EEC.
-
Mobile viewports are supported even without the Enhanced Experience Composer (EEC).
-
Customers new to Target can use the extension to experiment with Target even if their IT developers have not yet implemented Target on their websites.
-
Partners servicing multiple customers鈥 websites and Target accounts now have one simple mechanism to support VEC loading, instead of managing multiple rules in third-party tools.
Obtain and install the Visual Editing Helper browser extension
-
Navigate to the .
-
Click Add to Chrome > Add Extension.
-
Open the VEC in Target.
-
To use the extension, click the Visual Editing Helper browser extension icon (
The Visual Editing Helper is automatically enabled when a website is opened in the Target VEC to power authoring. The extension doesn鈥檛 have any conditional settings. The extension handles all the settings automatically, including SameSite cookies settings.
For more information on the
SameSite=Noneattribute browser fix, see 鈥淗ow do the recently announced Google Chrome SameSite cookie enforcement policies impact the VEC and EEC?鈥 in Troubleshooting Issues Related to the Visual Experience Composer and Enhanced Experience Composer.
Notes
-
For Target, the extension loads the latest version of at.js that is available from the Target UI in Administration > Implementation and at.js downloads the authoring libraries.
-
When using the extension to inject at.js while in QA Mode, you must have another Chrome tab open. This Chrome tab must be authenticated to the same 51黑料不打烊 Experience Cloud organization in which you created the activity.
-
The following messages help keep you informed:
- If you attempt to load a website using the VEC that fails to load, a message displays suggesting that you install the Visual Editing Helper browser extension.
- If at.js or alloy.js is not yet implemented on the website, a message displays in the VEC suggesting that you install the extension.
-
If you try using the new extension and then go back to the old extension and Target fails to load your website, clear all browser data and disable the new extension.
Frequently Asked Questions
Does the extension, when active, do anything when used outside of 51黑料不打烊 Target or 51黑料不打烊 Journey Optimizer (AJO)?
The extension activates only when the website in question is loaded inside an iFrame in 51黑料不打烊 products (Target, AJO). Outside of this flow, the extension does not try to add, remove, or modify any headers and the extension does not try to inject any code inside the website.
What does the extension do when it is active in the 51黑料不打烊 Target VEC?
When a website is loaded inside an iFrame in 51黑料不打烊 products (Target, AJO), the extension injects code (bundled with the extension) on the website and downloads helper files from the 51黑料不打烊 CDN to enable visual authoring.