Artículos sobre: Personalización y Diseño de Formulario

Cómo personalizar el diseño y el estilo del botón COD en las páginas de producto y carrito

En el artículo encontrarás una guía completa con instrucciones paso a paso tanto para la versión legacy como para la nueva versión del formulario, de manera que puedas seguir las indicaciones según el tipo de implementación que estés utilizando:


Nueva Versión del Formulario

Versión Legacy del Formulario

Versión Nueva del Formulario

El botón de Pago Contra Entrega (COD) es un elemento esencial del proceso de checkout. Personalizar su diseño garantiza que se alinee con la imagen de tu tienda y mejore su visibilidad para los clientes. Esta guía explica cómo cambiar la apariencia del botón COD utilizando la herramienta Diseñador de Formularios.


Paso 1: Accede a los Ajustes de Personalización del Botón de Compra


  1. Abre la app y ve a la sección de Diseñador de Formularios.
  2. Navega a la página de ajustes del Botón de Compra.
  3. Utiliza las opciones de personalización disponibles para modificar la apariencia del botón.

Paso 2: Opciones de Personalización Disponibles


Los ajustes del Botón de Compra ofrecen diversas opciones de personalización, incluyendo:


  • Texto del Botón – Cambia el mensaje que se muestra en el botón COD.
  • Estilo y Tamaño de Fuente – Ajusta el estilo del texto para que coincida con el tema de tu tienda.
  • Color del Botón – Modifica el color de fondo y del texto para mejorar la visibilidad.
  • Tamaño del Botón – Incrementa o reduce las dimensiones del botón según sea necesario.

Posicionamiento – Ajusta la ubicación del botón en las páginas de producto y del carrito.


Paso 3: Guarda y Prueba los Cambios


  1. Después de realizar los ajustes necesarios, haz clic en Guardar para aplicar los cambios.
  2. Visita las páginas de producto y del carrito para verificar cómo se muestra el botón COD.
  3. Si es necesario, regresa a los ajustes y refina el diseño.


¿Necesitas Asistencia?


Si tienes alguna pregunta o necesitas ayuda para personalizar el botón COD, contacta al soporte para obtener asistencia.


Versión Legacy del Formulario

El botón de Pago Contra Entrega (COD) es un elemento esencial del proceso de checkout. Personalizar su diseño garantiza que se alinee con la imagen de tu tienda y mejore su visibilidad para los clientes. Esta guía explica cómo cambiar la apariencia del botón COD utilizando la herramienta Diseñador de Formularios.


Paso 1: Accede a los Ajustes de Personalización del Botón de Compra


  1. Abre la app y ve a la sección de Diseñador de Formularios.
  2. Navega a la página de ajustes del Botón de Compra.
  3. Utiliza las opciones de personalización disponibles para modificar la apariencia del botón.


Paso 2: Opciones de Personalización Disponibles


Los ajustes del Botón de Compra ofrecen diversas opciones de personalización, incluyendo:


  • Texto del Botón – Cambia el mensaje que se muestra en el botón COD.
  • Estilo y Tamaño de Fuente – Ajusta el estilo del texto para que coincida con el tema de tu tienda.
  • Color del Botón – Modifica el color de fondo y del texto para mejorar la visibilidad.
  • Tamaño del Botón – Incrementa o reduce las dimensiones del botón según sea necesario.

Posicionamiento – Ajusta la ubicación del botón en las páginas de producto y del carrito.


Paso 3: Guarda y Prueba los Cambios


  1. Después de realizar los ajustes necesarios, haz clic en Guardar para aplicar los cambios.
  2. Visita las páginas de producto y del carrito para verificar cómo se muestra el botón COD.
  3. Si es necesario, regresa a los ajustes y refina el diseño.


¿Necesitas Asistencia?


Si tienes alguna pregunta o necesitas ayuda para personalizar el botón COD, contacta al soporte para obtener asistencia.

Actualizado el: 29/08/2025

¿Este artículo te resultó útil?

Comparte tu opinión

Cancelar

¡Gracias!