Troubleshooting: I am Unable to Preview Tests

Last updated

Problem Statement

When I click the Preview Now button to check the live preview of my variation, the Preview Mode window that displays the preview does not appear.

Resolution Steps

If preview debugger does not appear on the preview page

  • Make sure that VWO tracking code is correctly installed on the test page. The only scenario where preview debugger does not appear is when VWO tracking code could not be executed on the page. It could be possible that the tracking code is not present on the webpage or has some syntax errors due to which it does not gets executed successfully.
  • Clear the cache and all the cookies of the browser from Browser settings and then re-load the previews.
  • If VWO code is present, then make sure that you have not installed Javascript blockers like AdBlocker with custom settings. Also ensure that you have enabled third-party cookies in your browser settings.

“Test is not running on the page”

test-not-running

  • If the Default URL does not match with URLs on which test is running then the previews would not load.
  • If you want to run the test on different domains (either test URLs or goal URLs) and you have not enabled the Campaign involves multiple domains option in the settings. Please make sure cross domain tracking is enabled as explained in the article.
  • If the test has any regular expression added either as test URL or a goal URL, then make sure that it does not have any syntax error.
  • For example, a regex such as http://www.example.com/(page1.html|page2.html), you need to use escape characters and specify it as follows so that the previews work fine: http:\/\/www\.example\.com\/(page1\.html|page2\.html)

If Preview Mode shows the error, “Matching Test Page Pattern: Failure”

matching-pattern-failure

  • If the landing URL does not match with URLs included in VWO, then an error message will appear. If you are using a wildcard pattern or regular expression then make sure to include the URL for the preview. Also, check for https and http within the URLs to ensure that the same protocol is mentioned in VWO test as well as the landing URL.

If element is not loaded

element-not-loaded

  • When you apply a change in a webpage using VWO editor, it saves the CSS selector path of element on which the change is applied. VWO then tries to find the element on live website with the same CSS selector path. Make sure that there are no changes from backend in the source code of the page because of which VWO is not able to find the element with specified CSS selector path.
  • Verify if the page is initialized with Dynamic IDs assigned to its elements within the source code. In case of dynamic IDs, the CSS selector path saved by VWO may not be found on the test page as dynamic ID would have a new value. As a solution, you would need to assign static IDs to those elements or use custom JS code via Code Editor to apply the change.
  • We do not recommend using multiple operations on the same element. Refer to the best practices for using VWO editor before applying the changes.
  • If element appears after VWO test settings are applied, specially in case of AJAX content then change will not be applied. In such cases, add the following JavaScript code within Add JavaScript/CSS operation which checks for such elements and apply change whenever element is loaded. 
    vwo_$(function(){
    _vis_opt_element_loaded(campaign_id);
    });

Was this article helpful?

Thanks for your feedback!
Please email us at support@vwo.com to tell us what you were looking for. We'll send the answer to your inbox.

Contact Us / Login

Product
Resources Home