Cómo agregar un botón personalizado para el formulario COD en GemPages

Si utilizas GemPages para diseñar tu tienda Shopify y deseas crear un botón personalizado que abra el formulario de Pago Contra Entrega (COD), puedes hacerlo añadiendo un bloque de botón y aplicando una clase CSS específica. Esta guía te explica el proceso paso a paso.

Paso 1: Agrega un Bloque de Botón en GemPages

Abre GemPages y navega a la página en la que deseas añadir el botón.

Arrastra y suelta un bloque de Botón Genérico en la página.

Paso 2: Accede a la Configuración Avanzada

Haz clic en el bloque de botón que acabas de agregar.

Abre la sección Advanced en el panel de configuración.

Paso 3: Agrega las Clases CSS Requeridas

Desplázate hasta el campo CSS Class.

Ingresa las siguientes clases CSS:

rsi-cod-form-gempages-button-overwrite rsi-cod-form-is-gempage

Estas clases vinculan el botón al formulario COD, asegurando que al hacer clic en el botón se abra el formulario.

Paso 4: Publica los Cambios

Haz clic en el botón Publish en GemPages para aplicar las actualizaciones.

Paso 5: Prueba el Botón en la Página en Vivo

Abre la página en vivo de tu tienda donde se añadió el botón.

Haz clic en el botón para verificar que el formulario COD se abra automáticamente.

Notas Adicionales

Puedes añadir múltiples botones en una página repitiendo estos pasos.

Si el botón no funciona, asegúrate de que la clase CSS esté ingresada correctamente.

Actualiza la página o limpia la caché si las actualizaciones no se muestran de inmediato.

¿Necesitas Ayuda?

Si tienes algún problema al configurar el botón personalizado en GemPages, contacta al soporte para obtener asistencia.

Actualizado el: 01/04/2025