> ## 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 agregar un botón de pago de Shopify al formulario COD En el artículo encontrarán una guía completa con la explicación paso a paso tanto para la versión legacy como para la versión nueva del formulario, de manera que puedan seguir las instrucciones según el tipo de implementación que estén utilizando: [**Versión Nueva del Formulario **](#1-version-nueva-del-formulario) [**Versión Legacy del Formulario**](#1-version-legacy-del-formulario) --- # Versión Nueva del Formulario Si deseas ofrecer a tus clientes la opción de completar su compra usando el checkout estándar de Shopify, pero manteniendo el formulario de Pago Contra Entrega (COD), puedes agregar un botón de Checkout de Shopify dentro del formulario. Esto es útil si quieres ofrecer múltiples opciones de pago. Esta guía te muestra paso a paso cómo habilitar y personalizar un botón de Checkout de Shopify en tu formulario COD. ### Paso 1: Abre el Diseñador de Formularios 1. Abre la app **Releasit**. 2. Navega a la página de **Diseñador de Formularios**. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_4vpqa7.png =800x446) ### Paso 2: Agrega un Campo Personalizado para el Botón de Checkout 1. Desplázate hacia el botón de Agregar Elemento de Campo. 2. Haz clic en "Botón de pago de Shopify ." ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1rw9u1c.png =800x367) ### Paso 3: Inserta el Botón de Checkout de Shopify 1. Selecciona la opción para agregar un botón de pago de Shopify al formulario. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_tsp3ow.png =500x472) ### Paso 4: Personaliza el Botón de Checkout 1. Ajusta el texto, el color y el tamaño del botón para que coincida con el diseño de tu tienda. 2. Elige la posición donde deseas que aparezca el botón en el formulario. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_75eb1t.png =700x422) 3. Haz clic en *Guardar* para aplicar los cambios. ### Paso 5: Prueba el Botón de Checkout 1. Abre tu tienda y ve al formulario COD. 2. Verifica que el botón de Checkout de Shopify aparezca correctamente. 3. Haz clic en el botón para asegurarte de que redirige a los clientes a la página de checkout de Shopify. 4. Si el botón no aparece o no funciona como se espera, actualiza la página o limpia la caché. ### ¿Necesitas Ayuda? Si tienes alguna pregunta o necesitas asistencia para configurar el botón de Checkout de Shopify, contacta al soporte desde la app. --- # Versión Legacy del Formulario Si deseas ofrecer a tus clientes la opción de completar su compra usando el checkout estándar de Shopify, pero manteniendo el formulario de Pago Contra Entrega (COD), puedes agregar un botón de Checkout de Shopify dentro del formulario. Esto es útil si quieres ofrecer múltiples opciones de pago. Esta guía te muestra paso a paso cómo habilitar y personalizar un botón de Checkout de Shopify en tu formulario COD. ### Paso 1: Abre el Diseñador de Formularios 1. Abre la app **Releasit**. 2. Navega a la página de **Diseñador de Formularios**. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_byxyuz.png =800x459) ### Paso 2: Agrega un Campo Personalizado para el Botón de Checkout 1. Desplázate hacia abajo en la configuración del Diseñador de Formularios. 2. Haz clic en "Agregar un campo, botón, texto o imagen personalizados." ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_lprney.png =800x471) ### Paso 3: Inserta el Botón de Checkout de Shopify 1. Selecciona la opción para agregar un botón de pago de Shopify al formulario. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_tsp3ow.png =500x472) ### Paso 4: Personaliza el Botón de Checkout 1. Ajusta el texto, el color y el tamaño del botón para que coincida con el diseño de tu tienda. 2. Elige la posición donde deseas que aparezca el botón en el formulario. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_75eb1t.png =700x422) 3. Haz clic en *Guardar* para aplicar los cambios. ### Paso 5: Prueba el Botón de Checkout 1. Abre tu tienda y ve al formulario COD. 2. Verifica que el botón de Checkout de Shopify aparezca correctamente. 3. Haz clic en el botón para asegurarte de que redirige a los clientes a la página de checkout de Shopify. 4. Si el botón no aparece o no funciona como se espera, actualiza la página o limpia la caché. ### ¿Necesitas Ayuda? Si tienes alguna pregunta o necesitas asistencia para configurar el botón de Checkout de Shopify, contacta al soporte desde la app.