Display problems sometimes occur in the Visual Experience Composer (VEC) under certain conditions.
Target adds two parameters (
mboxDisable=1) while opening the website in the Visual Experience Composer.
If your website (specially Single Page Apps), trims our parameters or actually removes them while navigating from one page to another (without a page reload) the Target functionality breaks and the Target libraries do not load.
To avoid this problem, ensure that you do not trim or remove these two parameters.
Several issues can affect page performance in the Target experience composers. Some common issues include:
If issues occur in the Enhanced Experience Composer, try turning off the Enhanced Experience Composer and use the Visual Experience Composer instead.
To disable the Enhanced Experience Composer, go to Administration > Visual Experience Composer and turn off the Enable Enhanced Experience Composer option.
Some users see the following error message in the console:
If neither the Visual Experience Composer nor the Enhanced Experience Composer works, use a browser extension like Requestly (Chrome or Firefox) or Modify Response Headers (Firefox) that can overwrite the X-Frames header options for your site and allow them to be loaded in iFrames, enabling the VEC. If you are unable to use browser extensions, use the Form Composer.
In addition to the following information, you can use the Adobe Target VEC Helper browser extension for Google Chrome.
These plugins should be used only in the context of VEC editing.
For the Requestly extension, whenever there is a need to remove headers, you should do either of following:
Add URL rules for the URL that you want to open in the VEC so that headers are removed for those URLs only.
Enable the rule when you are editing in the VEC and disable the rule when you are not using the VEC.
For the Modify Response Header extension (Firefox), because you can’t add a URL rule, you must do the following:
To use the Requestly extension on Chrome or Firefox:
Turn off the Enhanced Experienced Composer.
Install the Requestly browser extension on Chrome or Firefox.
Open the extension and configure it using the following:
Select Modify headers.
Enter the following:
Toggle Add to Remove.
Toggle Request to Response.
Enter “X-Frame-Options” as the header name.
Repeat previous steps and enter “x-frame-options” as the header name.
Headers that are manipulated via Requestly are case sensitive.
Change Equals to Contains as the condition for the source URL and enter the URL of the activity that you are trying to load in the VEC.
You should now be able to load the page quickly with the Visual Experience Composer.
To use the Modify Response Headers extension on Firefox:
After setting up an extension, open Target. Your pages should now load in the Visual Experience Composer, even if the Enhanced Experience Composer is disabled.
The browser is not supported.
The browser is blocking a non-secure page on a secure site.
Click the icon to the left of the URL in the browser address bar and click Disable protection on this page
You entered an invalid URL.
You have not entered a default URL in your account setup page.
Ensure that this setting is enabled, then download and update mbox.js on your website.
While using browse mode, if you access a URL that does not have target.js or contains a frame-buster header, the Visual Experience Composer appears broken. Due to browser security concerns, Target cannot access the URL you navigated to.