> ## 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 Liquid Block for the COD Button in GemPages

If you are using ** GemPages** to design your Shopify store and want to add a **Cash on Delivery (COD) button**, you need to insert a Liquid block at the desired location. This guide explains how to do this step by step.

### ⚠️ Important Compatibility Note
Before proceeding, please make sure you are using compatible versions:
* **GemPages V6** → works **only** with **Releasit COD (Legacy version)**
* **GemPages V7** → requires the **latest version of Releasit COD**
Using incompatible versions may cause the COD button or integration to not work correctly.

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

1. Open **GemPages** and navigate to the page where you want to add the COD button. 
2. Locate the section where the button should appear.
3. Add a **Liquid block **at the chosen position.



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


### Step 2: Open the Liquid Block Editor

1. Click on the **pencil icon** of the newly added Liquid block to open the code editor.



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


### Step 3: Insert the Required Code

1. Copy and paste the following code into the Liquid block editor:


```
{{ product | json }}</script>
<div class="_rsi-cod-form-is-gempage"></div>
<div class="_rsi-cod-form-gempages-button-hook"></div>
<div id="_rsi-cod-form-embed-custom-hook"></div> 
```



2. Click **Save** to apply the changes.


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


### Step 4: Publish the Changes

1. Click the **Publish** button in GemPages to make the updates live.



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


### Step 5: Verify the COD Button on Your Live Page

1. Open your store’s **live page** in a browser.
2. Scroll to the section where you placed the **Liquid block**.
3. You should now see the COD button appearing in the correct position.



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


### Final Result:




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


### Need Assistance?

If the button does not appear correctly, double-check that the Liquid block was placed in the right section and that the code was copied without errors. If you need further help, contact support.