When I load the website in Visual Editor, it either loads with broken content or VWO Editor throws the following error:
- Clear existing cookies from the browser and refresh the page after making the changes.
- Set the X-frame header to SAME ORIGIN on your website’s backend. You can ask your developer to add conditions to allow VWO server to bypass the X-frame header settings.
- Further, you may even install one of the standard browser plugins to disable x-frame headers in the test builder. For instance, there is a standard plugin in chrome for this purpose called “Ignore X-Frame headers”.
- Ensure that the test URL (primary URL) is the exact URL of the specific page. If you have entered group URLs or URL pattern, the page may not load.
- Enable third-party cookies in your browser settings. When creating tests for a website, VWO drops cookies from app.vwo.com to dev.vwo.com (third-party). Since the cookies in your website are created from dev.vwo.com, your website pages may fail to load if third-party cookies are disabled in the browser settings. Using the browser settings option, you can block the third party cookies but create an exception for these two domains. Click here to know how to enable or disable third-party cookies in your browser settings.
There could be issues with loading page scripts in the editor because VWO does not load the site directly in the editor but via proxy servers. Download VWO plugin from Chrome store to resolve this issue.
VWO Editor opens web pages in an iframe. However, some website may have restrictions on loading the iframe. To check whether a page will open in iFrame, execute the following code in the developer console on the page. If the page is broken, you may need to apply the fix on the page itself.
<iframe src="http://example.com" width="100%" height="100%"></iframe>
Handling Frame buster issue on your website
If Frame buster is installed on your website, then VWO editor may not open the webpage inside the editor but the page opens on the browser instead. To resolve this issue, remove any frame buster script on your website or modify this script in such a way that it does not break the iframe of VWO editor.
You can use the following IF condition within frame buster script in your source code to add VWO as an exception and let VWO’s iframe to open your website:
if (document.referrer.indexOf('visualwebsiteoptimizer') == -1 && document.referrer.indexOf('vwo') == -1 && top.location != location)