Why is My Website Not Loading Correctly in the VWO Visual Editor?

When your webpage loads in the editor, you may sometimes encounter issues. These issues could range from the page missing some functionalities to sections missing entirely. 

To cater to this, VWO enables you to self-diagnose and resolve issues without contacting the support team. First, let’s look at some of the potential issues.

Issues You Might Encounter When Loading Your Website in VWO Visual Editor

VWO broadly classifies the common issues into the following three categories:

• Editor loaded in Fallback mode: When the editor loads your website in Fallback mode, i.e., over a proxy server, a warning message appears, describing why the editor loaded in Fallback mode and how to fix it. Click here to find out different scenarios when the editor loads in Fallback mode.
  
  
• Failed to load the page in the VWO Visual Editor: When the editor fails to load the page, a message is displayed in VWO. This usually happens when the VWO SmartCode is missing from the webpage you are trying to edit, and your servers block the page from loading via proxy. Click here to learn more and how to resolve it.
  
  
• Other issues: If you don't see any error codes or failure messages and the page still loads with some defects in the editor, click here for some checks which could help you resolve the issue.
  

Fallback Mode Errors

If the editor loads in Fallback mode, you may notice any of the following error codes: 0000, 0003, 0010, 0100, 0101, 0102, 0103, 0104, 1000, 1003, 1100, 1101, 1102, 1103, 1104. To view the resolution steps, click the one that pertains to your case.

• Error Code 0000

  Description	This error code indicates that for the page loaded in the editor, either the VWO SmartCode is not installed or installed incorrectly. NOTE: You can check your SmartCode Installation using the SmartCode Checker in the Settings > SmartCode section of your VWO Account.
  Resolution	Install VWO SmartCode. If you cannot install the SmartCode right away, add the VWO chrome extension to your browser. NOTE: Installing the VWO extension is a temporary solution that will only help load the page properly in the Editor. You would be able to preview and launch the campaign only after the SmartCode is installed on your website.

• Error Code 0003

  Description

  This error code indicates that a Content Security Policy (CSP) configured on your website prevents VWO from applying inline changes on the elements. To learn about CSP, read this. Furthermore, the VWO SmartCode, which is required for your campaigns to run, is not installed on the page loaded in the editor.

  Resolution

  Whitelist VWO in the CSP of your website. Click here to find out what rules you need to include in your CSP. Install VWO SmartCode. If you cannot whitelist VWO or install the SmartCode right away, add the VWO chrome extension to your browser. You can now make changes and create variations in your campaign. NOTE: Installing the VWO extension is a temporary solution that will only help load the page properly in the Editor. You would be able to preview and launch the campaign only after the SmartCode is installed on your website.

• Error Code 0010

  Description	This error code indicates that either the Inject SmartCode option is disabled for the page loaded in the editor or Developer Mode is turned off. You can check your SmartCode Installation using the SmartCode Checker in the Configurations > Websites and Apps section of your VWO Account.
  Resolution	Install VWO SmartCode. If you can not install the SmartCode immediately, enable the Inject SmartCode option in the plugin and turn on the developer mode. NOTE: The VWO extension temporarily helps load the page correctly in the editor, but you must install the SmartCode on your website to preview and launch the campaign

• Error Code 0100

  Description	This error code indicates that the page did not load correctly in the editor due to network issues.
  Resolution	Retry loading the editor to see if the problem is resolved. If the problem persists, try installing the VWO Chrome extension. After this, the page should load correctly, allowing you to make changes and create variations in your campaign.

• Error Code 0101

  Description	This error code indicates that a Content Security Policy (CSP) configured on your website prevents VWO from adding its content to the page. To learn about CSP, read this.
  Resolution	Whitelist VWO in the CSP of your website. Click here to find out what rules you need to include in your CSP. If you cannot whitelist VWO right away, add the VWO chrome extension to your browser. You can now make changes and create variations in your campaign.

• Error Code 0102

  Description	This error code indicates that your website cannot be loaded in an iframe since the website’s X-frame response header is set to ‘deny’. This causes issues as the editor loads the mobile version of the page in an iframe.
  Resolution	Change the X-Frame-Options header to SAMEORIGIN in the response headers of your webpage. If you cannot change this right away, add the VWO chrome extension to your browser. After this, you can make changes and create variations in your campaign.

• Error Code 0103

  Description	This error code indicates that a Content Security Policy (CSP) configured on your website prevents VWO from applying inline changes on the elements. To learn about CSP, read this.
  Resolution	Whitelist VWO in the CSP of your website. Click here to find out what rules you need to include in your CSP. If you cannot whitelist VWO right away, add the VWO chrome extension to your browser. You can now make changes and create variations in your campaign.

• Error Code 0104

  Description	This error code indicates that your website’s CSP prevents it from loading in an iframe. This causes issues as the editor loads the mobile version of the page in an iframe.
  Resolution	Whitelist VWO in the CSP of your website. Click here to find out what rules you need to include in your CSP. If you cannot whitelist VWO right away, add the VWO chrome extension to your browser. You can now make changes and create variations in your campaign.

• Error Code 1000

  Description	This error code indicates that for the page loaded in the editor, either the VWO SmartCode is not installed or installed incorrectly. NOTE: You can check your SmartCode Installation using the SmartCode Checker in the Settings > SmartCode section of your VWO Account.
  Resolution	Install VWO SmartCode.

• Error Code 1003

  Description	This error code indicates that a Content Security Policy (CSP) configured on your website prevents VWO from applying inline changes on the elements. To learn about CSP, read this. Furthermore, the VWO SmartCode, which is required for your campaigns to run, is not installed on the page loaded in the editor.
  Resolution	Whitelist VWO in the CSP of your website. After this, you can make changes and create variations in your campaign. Click here to find out what rules you need to include in your CSP. Install VWO SmartCode.

• Error Code 1100

  Description	This error code indicates that the page did not load correctly in the editor due to network issues.
  Resolution	Refresh the editor page to see if the problem goes away. If the problem persists, reach out to us at support@vwo.com.

• Error Code 1101

  Description	This error code indicates that a Content Security Policy (CSP) configured on your website prevents VWO from adding its content to the page. To learn about CSP, read this.
  Resolution	Whitelist VWO in the CSP of your website. After this, you can make changes and create variations in your campaign. Click here to find out what rules you need to include in your CSP.

• Error Code 1102

  Description	This error code indicates that your website cannot be loaded in an iframe since the website’s X-frame response header is set to ‘deny’. This causes issues as the editor loads the mobile version of the page in an iframe.
  Resolution	Change the X-Frame-Options header to SAMEORIGIN. After this, you can make changes and create variations in your campaign.

• Error Code 1103

  Description	This error code indicates that a Content Security Policy (CSP) configured on your website prevents VWO from applying inline changes on the elements. To learn about CSP, read this.
  Resolution	Whitelist VWO in the CSP of your website. After this, you can make changes and create variations in your campaign. Click here to find out what rules you need to include in your CSP.

• Error Code 1104

  Description	This error code indicates that your website’s CSP prevents it from loading in an iframe. This causes issues as the editor loads the mobile version of the page on an iframe.
  Resolution	Whitelist VWO in the CSP of your website. After this, you can make changes and create variations in your campaign. Click here to find out what rules you need to include in your CSP.

• Blank page with no error code

  Description	At times, it is possible that your server is blocking all external server connections. In this case, VWO server connections will be blocked from accessing your website. As a result, VWO will not be able to open your website in the fallback mode.
  Resolution	Whitelist the following IP address in your network infrastructure: 35.245.139.209

Failure to Load the Page in VWO Visual Editor

There could be scenarios where your page fails to load in the editor, thereby exiting with the following error:

To resolve this, we recommend you to:

• Verify if the VWO Smartcode is appropriately installed on your website. You can check your SmartCode installation using the SmartCode Checker in the Settings > SmartCode section of your VWO Account.
• Add the VWO Chrome Extension to your browser.
  
  NOTE: You can preview and launch the campaign only after the SmartCode is installed on the page.

If the issue persists, reach out to us at support@vwo.com.

Some Other Issues in VWO Visual Editor

If you don't see any error codes or failure messages but are still having trouble loading your webpage in the editor, we recommend that you verify the following:

• Check if any Javascript blockers like AdBlocker and DuckDuckGo are installed on your browser with custom settings. If so, ensure that VWO requests (vwo.com and visualwebsiteoptimizer.com) are whitelisted. Otherwise, the Visual Editor, Heatmaps, SmartCode Checker, and the Previews will not load.

  For instance, if you have the uBlock plugin enabled on your browser, here’s how you can whitelist VWO requests:

  1. 1. 1. Click on the uBlock icon in your browser and open the dashboard by clicking on the Settings icon.
           
           
        2. Go to the My filters tab and add- @@||*.visualwebsiteoptimizer.com^.
        3. Once done, click Apply changes. Now everything should work fine.
           
           
• Ensure that the URL you entered in the Enter URL of the page for which you want to preview field is valid.
• When you load the mobile view in the editor, VWO displays the webpage in an iframe. However, loading responsive websites in an iframe may be restricted for certain websites. To check whether a page opens in an iframe, hit this URL in your browser: data:text/html,<iframe id="testFrame" src="your_website_URL" width="320px" height="600px"></iframe>. If it is broken, you may need to get in touch with your development team to fix it.

• Although third-party cookies are not necessary for VWO Editor to function, third-party storage (sessionStorage and localStorage) is still required. Therefore, we recommend that you enable third-party cookies in your browser settings.
  
  
• If you have a frame buster script installed on your mobile responsive website, the VWO editor may not load your webpage inside the editor; instead, the page opens in the browser. To resolve this, remove any frame buster scripts from your website or modify them so that they do not break the VWO editor's iframe. Additionally, to add VWO as an exception and have VWO's iframe open your website, use the following “if” condition within frame buster script in your source code: