👤Invitado: crea tu cuenta para desbloquear todo — IA, entregables y guías completas.Crear cuenta →

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

Inserta un bloque Liquid en GemPages para mostrar el botón de pago contra entrega de Releasit donde tú quieras.

Si construyes tu tienda Shopify con GemPages y quieres colocar el botón de Pago Contra Entrega (COD) exactamente donde lo necesitas, la forma más limpia es insertar un bloque Liquid con el código de Releasit. Aquí te lo explico paso a paso.

⚠️
Compatibilidad primero: GemPages V6 funciona solo con la versión Legacy de Releasit COD, mientras que GemPages V7 necesita la última versión de Releasit COD. Si mezclas versiones incompatibles, el botón o la integración no funcionarán bien.
Editor de GemPages
Trabajaremos dentro del editor de GemPages.

Inserta el bloque y pega el código

1

Agrega un bloque Liquid

Abre GemPages y ve a la página donde quieres el botón COD. Localiza la sección exacta donde debe aparecer y arrastra un bloque Liquid a esa posición.

Agregar bloque Liquid en GemPages
Coloca el bloque Liquid en el punto exacto donde quieres el botón.
2

Abre el editor del bloque

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

Abrir el editor del bloque Liquid
El ícono de lápiz abre el editor de código del bloque.
3

Pega el código requerido

Copia y pega este código dentro del editor del bloque Liquid y luego pulsa 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>

Pegar el código en el bloque Liquid
Pega el código tal cual y guarda con Save.

Publica y verifica

4

Publica los cambios

Haz clic en Publish en GemPages para que los cambios salgan en vivo.

Publicar cambios en GemPages
El botón Publish aplica los cambios a tu tienda en vivo.
5

Comprueba el botón en vivo

Abre la página en vivo de tu tienda en el navegador, baja hasta la sección donde colocaste el bloque y confirma que el botón COD aparece en la posición correcta.

Botón COD visible en la página en vivo
Así se ve el botón COD ya activo en la página.
💡
Tip: si no ves el botón al instante, limpia la caché del navegador o abre la página en una ventana de incógnito. Muchas veces solo es la caché vieja.
← Volver al Centro de ayuda🤖 Preguntar a la IA