Widget Placement on Non-Shopify 2.0 Themes


Order Defense Shipping Protection works with many popular themes on Shopify, but some themes do not support automatic installs. Here are the instructions of how to place the widget manually.


1. Log in to your Shopify store

2. Go to Online Store > Themes and click "Edit code"

Go to Online Store > Themes and click

3. Search for the cart template

Search for the cart template

4. Click on cart.liquid

Click on cart.liquid

5. This theme uses a section named "cart-template.liquid". Note: this may be different depending on the theme you use.

This theme uses a section named

6. Next you need to find the checkout button in the code

Next you need to find the checkout button in the code

7. Use Control+F (Command+F for Mac users) to search in the file.

Use Control+F (Command+F for Mac users) to search in the file.

8. This input is the checkout button in this example. Note: this may be different depending on the theme you use.

This input is the checkout button in our case. Note: this may be different depending on the theme you use.

9. Copy the widget code and paste it above the checkout button

<div id='order-defense-widget'></div>

Copy the widget code and paste it above the checkout button

10. Click on Save

Click on Save

11. Add an item to your cart and the Order Defense widget will display.

Add an item to your cart and the OrderDefense widget will display.

Every theme template is unique, and some are more challenging than others. We've done this hundreds of times, so if you need help, chat with us below or contact us at info@orderdefense.com.


Did you find this article useful?



  • How to Customize Widget Styles

    1. Log in to your Shopify store. 2. Click Online Store > Themes > Click "Customize" on the theme you want to edit. 3. Click on the template sele...

  • Widget Placement on Shopify 2.0 Themes

    1. Log in to your Shopify store. 2. Click Online Store > Themes > Click "Customize" on the theme you want to edit. 3. Click on the template sele...