How to Add a Shopify Checkout Button to the COD Form

If you want to give customers the option to complete their purchase using Shopify’s standard checkout while still using the Cash on Delivery (COD) form, you can add a Shopify Checkout button inside the form. This can be helpful if you want to offer multiple checkout options.

This guide walks you through the steps to enable and customize a Shopify Checkout button on your COD form.

Step 1: Open the Form Designer

Open the Releasit app.
Navigate to the Form Designer page.

Step 2: Add a Custom Field for the Checkout Button

Scroll down in the Form Designer settings.
Click on "Add a custom field or text."

Step 3: Insert the Shopify Checkout Button

Select the option to add a Shopify Checkout button to the form.

Step 4: Customize the Checkout Button

Adjust the text, color, and size of the button to match your store’s design.
Choose the position where you want the button to appear in the form.



Click Save to apply the changes.

Step 5: Test the Checkout Button

Open your store and go to the COD form.
Check if the Shopify Checkout button appears correctly.
Click the button to ensure it redirects customers to the Shopify checkout page.
If the button does not appear or function as expected, refresh the page or clear your cache.

Need Help?

If you have any questions or need assistance setting up the Shopify Checkout button, contact support from the app.

Updated on: 20/03/2025