Adding a COD availability checker to your theme

Note

Advanced Cash on Delivery is available only to stores in India that use Indian rupees (INR) as the store currency. If your store is not eligible, then the app displays a Cash on Delivery payment method has been deactivated message.

Note

This feature works only for stores that have the Advanced Cash on Delivery app activated in their admin.

You can let your customers check if their postal code is eligible for Cash on Delivery payments by adding an availability checker snippet to your theme, that is, on a product or cart page.

Create an availability checker snippet

To add a Cash on Delivery availability checker, you will need to customize your Shopify Theme.

Desktop

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme you want to edit, click the ... button to open the actions menu, and then click Edit code.

iPhone

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme you want to edit, click the ... button to open the actions menu, and then click Edit code.

Android

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme you want to edit, click the ... button to open the actions menu, and then click Edit code.

1. Locate and click the Snippets folder in the sidebar to open it.

2. Click the Add a new snippet link.

3. Give your snippet a title called: cod-checker.

4. Click Create snippet.

5. In a new browser tab, go to https://cod.shopifyapps.com/postal_code_checker.liquid.

6. Copy all of the content on that page (CMD-C for Mac users and CTRL-C for Windows users).

7. Back in your admin, paste all of the copied content into your cod-checker snippet (CMD-V for Mac users and CTRL-V for Windows users).

8. Save your changes.

Add the availability checker snippet to a product or cart page

1. Under the Templates folder, locate and click product.liquid or cart.liquid.

2. Paste the following line where you would like the checker form to appear:

  {% render 'cod-checker' %}

1. Save your changes. The availability checker is now available on your product or cart page.

Visit the demo store

Visit the demo store to see the Cash on Delivery availability checker in action.