Running Yotpo with Rocket Loader (Legacy)
    • Dark
      Light

    Running Yotpo with Rocket Loader (Legacy)

    • Dark
      Light

    Article summary

    Products


    Reviews
    Supported plans

    N/A

    eCommerce Platform

    Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

    Rocket Loader is a general-purpose asynchronous JavaScript loader coupled with a lightweight virtual browser which can safely run any JavaScript code after window.onload.

    Rocket Loader overwrites the original scripts with its own scripts, so instead of seeing the 'text/javascript' script as in this sample WooCommerce page:

    <script type='text/javascript'>
    /* <![CDATA[ */
    var yotpo_settings = {"app_key":"XXX_YOUR_APPKEY_XXX"};
    /* ]]> */
    </script>
    <script type='text/javascript' src='http://127.0.0.1/wordpress/wp-content/plugins/yotpo-social-reviews-for-woocommerce/assets/js/headerScript.js'></script>

    You would see a "text/rocketscript" script tag, which looks like this:

    <script type="text/rocketscript">
    /* <![CDATA[ */
    var yotpo_settings = {"app_key":"XXX_YOUR_APPKEY_XXX"};
    /* ]]> */
    </script>
    <script type="text/rocketscript" data-rocketsrc="https://www.pickpals.com.au/wp-content/plugins/yotpo-social-reviews-for-woocommerce/assets/js/headerScript.js"></script>
    Workaround for None-Hosted Platforms
    Ask the client to login to the Cloudflare settings page and uncheck these three options (Minify JS, 

    Rocket Loader may disrupt Yotpo's activity on your site. Please follow the section relevant to the platform you're using in order to allow the two apps to run together:

    Shopify/BigCommerce

    On hosted platforms such as Shopify and BigCommerce, the easiest way to run Yotpo and Rocket Launcher together is by adding the following code to Yotpo's JavaScript:

    window.onload = function() {

    Add the code between the Script Tag <script type="text/javascript"> and  (function e().

    Important:
    Don't forget to close this section with: };

    Finally - Clear the site cache, refresh, and ensure that everything loads smoothly.

    WooCommerce

    1. Log into to your WooCommerce Admin.
    2. Navigate to Settings >  WP Rocket:
    3. Navigate to Static Files:
    4. Add the following text to the Exclude JS section: 

    /wp-content/plugins/yotpo-social-reviews-for-woocommerce/assets/js/headerScript.js 

    Self-hosted platforms

    Log into the Cloudflare settings page and, in the Speed tab, uncheck these three options:

    • JavaScript
    • CSS
    • HTML 

    Please note:
    Cache purging in the Cloudflare app may be needed in order for the changes to be applied.

    Was this article helpful?