How to Add Multiple COD Buttons on Product Pages in Shopify

If you want to add multiple Cash on Delivery (COD) buttons to your Shopify product pages, you can do so by inserting custom Liquid blocks in your theme editor. This allows you to place COD buttons in different positions on the product page, improving visibility and accessibility for customers.

This guide provides step-by-step instructions on how to add multiple COD buttons to your product pages.

Step 1: Open the Theme Editor in Shopify

Log in to your Shopify Admin panel.
Navigate to Online Store > Themes.
Click Customize on your active theme to open the theme editor.

Step 2: Edit the Default Product Template

In the theme editor, go to the Product section.
Click on Default product to edit the template used for product pages.

Step 3: Add a Custom Liquid Block

In the Default Product template, scroll to the section where you want to add a COD button.
Click Add Block and select Custom Liquid.

Step 4: Insert the COD Button Code

Copy and paste the following code into the Custom Liquid block:

<div class="_rsi-cod-form-is-gempage"></div><div class="_rsi-cod-form-gempages-button-hook"></div>

Click Save to apply the changes.

Step 5: Verify the COD Button on Your Product Page

Open a product page on your store.
Scroll to the section where you added the Custom Liquid block.
The COD button should now be visible in the specified position.

Adding Multiple COD Buttons

You can repeat the steps above to add additional COD buttons in different positions on the product page.
Each button will function independently, allowing customers to select COD from multiple locations.

Need Help?

If you have any issues adding multiple COD buttons to your product pages, contact support through the app for assistance.

Updated on: 01/04/2025