> ## 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 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**](#1-version-nueva-del-formulario)
[**Versión Legacy del Formulario**](#1-version-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.
![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_qwls90.png =800x389)
### 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_xh5q6k.png =800x497)
### 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.