> ## 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).

# GemPages integration tutorial

1. Add a Custom Code element on the position where you would like to have the COD button on Gempages

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1fpaddq.png)
2. Once the Custom Code is positioned, click on it to go to the Settings → Custom code → Edit code

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1lsnzxl.png)

3. On the code editor paste all this code then Save

```
<script type="text/plain" class="product-json" id="product-json{{product.id}}">{{ 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>
```

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_5kge4o.png)

4. Click on the Publish button

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_is306p.png)
5. Open the live page and you will see the COD button on the position where you added the Liquid block

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_13yxklo.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1f6ywtk.png)
> You can add multiple blocks to each page if you want to have more than 1 button!

> If you need help or you have any doubts or questions don't hesitate to contact us from the app!