> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.releas.it/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Add a Custom Button for the COD Form in GemPages

If you're using GemPages to design your Shopify store and want to create a custom button that opens the Cash on Delivery (COD) form, you can do so by adding a button block and applying a specific CSS class. This guide explains the step-by-step process.

### Step 1: Add a Button Block in GemPages

1. Open **GemPages** and navigate to the page where you want to add the button.
2. Drag and drop a **Generic Button** block onto the page.



![](https://storage.crisp.chat/users/helpdesk/website/956ccd10099b2000/image_24jeny.png)


### Step 2: Access the Advanced Settings

1. Click on the **button block** you just added.
2. Open the **Advanced** section in the settings panel.



![](https://storage.crisp.chat/users/helpdesk/website/956ccd10099b2000/image_1ltk9go.png)


### Step 3: Add the Required CSS Classes

1. Scroll down to the CSS Class field.
2. Enter the following CSS classes:

`_rsi-cod-form-gempages-button-overwrite _rsi-cod-form-is-gempage
`


**
![](https://storage.crisp.chat/users/helpdesk/website/956ccd10099b2000/image_1ujtcrh.png)


These classes link the button to the COD form, ensuring that clicking the button triggers the form to open.



### Step 4: Publish the Changes

1. Click the Publish button in GemPages to apply the updates.



![](https://storage.crisp.chat/users/helpdesk/website/956ccd10099b2000/image_12u6po.png)


### Step 5: Test the Button on the Live Page

1. Open your store’s live page where the button was added.
2. Click the button to verify that the COD form opens automatically.



![](https://storage.crisp.chat/users/helpdesk/website/956ccd10099b2000/image_eu5olf.png)


### Additional Notes

* You can add multiple buttons on a page by repeating these steps.
* If the button does not work, ensure the CSS class is entered correctly.
* Refresh the page or clear your cache if updates are not visible immediately.



### Need Help?

If you have any issues setting up the GemPages custom button, contact support for assistance.