Shopify Plus: Self-install Route+ package protection on your store

Follow

This guide contains steps on how to implement the Route+ asset on the checkout page on your Shopify Plus store. 

  1. Log in to Shopify. 
  2. Click on Online Store Themes on the left side of the page.

    mceclip0.png

  3. On the Live theme, click on Actions and then Edit code.

    mceclip2.png

  4. On the left side of the page, under Layout, look for a file called checkout.liquid.

    mceclip0.png

  5. If you do not see checkout.liquid file as an option, click Add a new layout.

    mceclip5.png

  6. In the Add a new layout window, click on the drop-down menu and choose checkout.

    mceclip1.png

    NOTE: If you do not see checkout as an option in the drop-down menu, follow the steps in this article

  7. Click Create layout

    mceclip2.png

  8. The checkout.liquid file will then appear on the left side. 

    mceclip3.png


  9. The checkout.liquid file should automatically open. If it doesn't, click on checkout.liquid and it will appear on the right side. 

    mceclip4.png

  10. In the code, find the <head></head> block of code.

    mceclip6.png

  11. Copy and paste the code listed below at the very bottom of the head block.

    <!--Route Code Edited _/_/2020-->

    <script type="text/javascript" src="https://cdn.routeapp.io/route-widget-shopify/stable/route-widget-shopify-stable.min.js"></script>

    <style>

        .route-widget {

        justify-content: flex-end !important;

        }

    </style>

    <!--End Route Code-->

  12. After pasting the code, it should look like the screenshot below.

    mceclip7.png

  13. Click Save.

    mceclip8.png 
  14. Open the Preview in Google Chrome's incognito mode and test the checkout to see if the Route+ asset appears above the Continue to payment button on the Shipping page.

    mceclip9.png