[WooCommerce] Why Is An Autoship Cloud Page Not Loading in WP-Admin (Or My Browser)?

If you are seeing a page in Autoship Cloud not loading any data / stuck in loading, you may be restricting cookies and site data in your browser settings. We have seen this occur in Autoship Cloud > Products and  Autoship Cloud > Scheduled Orders. Below is an example of what this issue looks like. 

Resolving The Issue

Your browser may be unable to load the reports that are embedded in these pages and which are actually hosted by QPilot (secure pages embedded as iFrames within your WordPress Admin).

Step One: Inspect your Browser Console 

You can review your browser console by following these steps:

  1. When loading the stuck page, press  F12 or, if you’re on a Mac, select  Cmd+Opt+J.
  2. You may also be able to right-click and select "inspect"
  3. Ensure you are on the tab titled "Console"
  4. Upon inspecting the console (Google Developer Tools for example) you may see the following error: Security Error: Failed to read the 'local storage' property from 'window': Access is denied for this document. 

Step Two: Edit Your Browser Settings

If you see this error, it is often due to your browser's privacy settings for cookies, which you can then edit in the following ways:

  1. Toggle off "Block third-party cookies" OR 
  2. Add merchants.qpilot.cloud to sites that are allowed to read and save third-party cookie data (seen in the error above). 

    After editing your browser settings, your stuck page should now show the reports embedded from your QPilot Site and will no longer be blocked. 

Issue Persisting? Try Clearing Browser Data

Another potential cause for the QPilot Merchant Center pages to fail to load is the browser data (such as the cache) needing to be cleared. If following the steps above did not resolve the loading issue, it is recommended clearing the browser cache to help resolve the loading issue.

Need Help Clearing the Browser Cache? 

In this article by WP Beginner guidance and steps for finding and clearing the browser cache is provided for all major browsers. After clearing the browser cache, refresh the page attempting to be loaded.

See how the merchant clears their browser cache by opening the browser settings in Google Chrome in the recording below?