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 Liquid en la ubicación deseada. Esta guía explica cómo hacerlo paso a paso.

Paso 1: Agrega un Bloque Liquid en GemPages

Abre GemPages y navega a la página donde deseas agregar el botón COD.

Localiza la sección en la que debe aparecer el botón.

Agrega un bloque Liquid en la posición elegida.

Paso 2: Abre el Editor del Bloque Liquid

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

Paso 3: Inserta el Código Requerido

Copia y pega el siguiente código en el editor del bloque Liquid:

{{ 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>

Haz clic en Save para aplicar los cambios.

Paso 4: Publica los Cambios

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

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

Abre la página en vivo de tu tienda en un navegador.

Desplázate hasta la sección donde ubicaste el bloque Liquid.

Ahora deberías ver el botón COD en la posición correcta.

Resultado Final:

¿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.

Actualizado el: 01/04/2025