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

# Cómo agregar un bloque líquido para el botón COD en GemPages

Si utilizas **GemPages** para diseñar tu tienda Shopify y deseas agregar un **botón de Pago Contra Entrega (COD)**, debes insertar un bloque Liquido en la ubicación deseada. Esta guía explica cómo hacerlo paso a paso.

### ⚠️ Nota importante sobre compatibilidad
Antes de continuar, asegúrate de estar utilizando versiones compatibles:
* **GemPages V6** → funciona **únicamente** con **Releasit COD (versión Legacy)**
* **GemPages V7** → requiere la **última versión de Releasit COD**
El uso de versiones incompatibles puede provocar que el botón de COD o la integración no funcionen correctamente.

### Paso 1: Agrega un Bloque Liquid en GemPages

1. Abre **GemPages** y navega a la página donde deseas agregar el botón COD.
    
2. Localiza la sección en la que debe aparecer el botón.
    
3. Agrega un **bloque Liquido **en la posición elegida.

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

### Paso 2: Abre el Editor del Bloque Liquido

1. Haz clic en el **ícono de lápiz** del bloque Liquid recién añadido para abrir el editor de código.

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

### Paso 3: Inserta el Código Requerido

1. Copia y pega el siguiente código en el editor del bloque Liquido:
    
    
```
<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>
```
    
2. Haz clic en **Save** para aplicar los cambios.

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

### Paso 4: Publica los Cambios

1. Haz clic en el botón **Publish** en GemPages para hacer efectivos los cambios.

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

### Paso 5: Verifica el Botón COD en tu Página en Vivo

1. Abre la página **en vivo** de tu tienda en un navegador.
    
2. Desplázate hasta la sección donde ubicaste el **bloque Liquid**.
    
3. Ahora deberías ver el botón COD en la posición correcta.

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

### Resultado Final:

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

### ¿Necesitas Asistencia?

Si el botón no se muestra correctamente, verifica que el bloque Liquid esté ubicado en la sección correcta y que el código se haya copiado sin errores. Si necesitas ayuda adicional, contacta al soporte.