> ## 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 una imagen o GIF personalizado a su formulario de lanzamiento En este 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 modo que puedas seguir las indicaciones según el tipo de implementación que estés utilizando: * [**Nueva versión del formulario**](#3-nueva-version-del-formulario) * [**Versión legacy del formulario**](#3-version-legacy-del-formulario) --- ### Nueva versión del formulario Agregar una imagen o GIF personalizado a tu formulario COD de Releasit puede ayudar a personalizar la experiencia de checkout, resaltar promociones o reforzar la identidad de tu marca. Con el bloque de imagen o GIF personalizado, puedes subir y mostrar fácilmente una imagen dentro de tu formulario. Esta guía te muestra paso a paso cómo agregar una imagen a tu formulario de Releasit y asegurarte de que se visualice correctamente en tu tienda Shopify. ### Paso 1: Abre el Diseñador de Formularios en Releasit 1. Inicia sesión en tu panel de **Shopify Admin**. 2. Abre la app **Releasit COD Form & Upsells**. 3. Navega a la página de **Diseño del Formulario**. ### Paso 2: Agrega un Bloque de Imagen Personalizada 1. Haz clic en "Agregar Elemento de Campo." 2. Selecciona el bloque "Imagen o GIF." ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_11wjbjl.png =800x460) ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_15iq9hy.png =800x507) ### Paso 3: Sube y Vincula Tu Imagen 1. Sigue el tutorial dentro del bloque para subir tu imagen a tu tienda. 2. Agrega la URL de la imagen al formulario. **Consejo: Si tu imagen ya está subida en Shopify, puedes copiar su URL y pegarla en el campo correspondiente dentro de Releasit.** ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1scvwhm.png =600x408) ### Paso 4: Ajusta la Ubicación de la Imagen * Arrastra y suelta el bloque de Imagen Personalizada a la posición deseada dentro del formulario. * Redimensiona o alinea la imagen según sea necesario para que coincida con el diseño de tu tienda. ### Paso 5: Guarda y Previsualiza el Formulario 1. Haz clic en **Guardar** para aplicar los cambios. 2. Abre tu formulario en una página de producto en vivo para asegurarte de que la imagen se muestre correctamente. *¡Tu imagen o GIF personalizado ya se visualizará dentro de tu formulario de Releasit!* ### Notas Finales * Puedes agregar múltiples imágenes o GIFs en diferentes secciones del formulario. * Las imágenes pueden usarse para logotipos de marca, banners promocionales o sellos de confianza. * Si tu imagen no se muestra correctamente, verifica la URL y asegúrate de que sea de acceso público. Si necesitas más ayuda, no dudes en contactar al soporte de Releasit desde la app. --- ### Versión Legacy del formulario Agregar una imagen a tu formulario de **Pago Contra Entrega (COD)** te permite personalizar su apariencia, mostrar promociones o reforzar la identidad de tu marca. Esta guía te explica paso a paso cómo subir e incrustar una imagen en tu formulario utilizando el almacenamiento de archivos de Shopify y la app de Releasit. ### Paso 1: Subir la imagen a Archivos de Shopify 1. Abre tu **panel de administración de Shopify**. 2. Ve a **Configuración > Archivos** para acceder al almacenamiento de archivos de Shopify. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1b6xxbm.png =800x121) ### Paso 2: Subir tu imagen 1. Haz clic en el botón **Subir archivos**. 2. Selecciona la imagen que deseas utilizar. **Consejo:** Utiliza una imagen de alta calidad en formato **JPEG o PNG** para asegurarte de que se vea nítida en el formulario. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_sjdy3a.png =800x416) ### Paso 3: Copiar la URL de la imagen 1. Una vez subida, localiza la imagen en la sección **Archivos**. 2. Haz clic sobre la imagen y copia la **URL del archivo**. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1lp4uv0.png =800x98) ### Paso 4: Agregar la imagen a tu formulario COD 1. Abre la app **Releasit**. 2. Ve a la página del **Diseñador de Formularios**. 3. Ubica la sección donde deseas agregar la imagen. 4. Pega la **URL de la imagen** en el campo correspondiente dentro de la app. Haz clic en **Guardar** para aplicar los cambios. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/6/c/956ccd10099b2000/image_1kxo9lg.png =600x647) ### Paso 5: Verificar la imagen en tu tienda 1. Abre la página de pago de tu tienda y prueba el formulario COD. 2. Confirma que la imagen se muestre correctamente en la posición seleccionada. 3. Si la imagen no aparece, verifica que la URL sea correcta y actualiza la página. ### ¿Por qué agregar una imagen a tu formulario? * Mejorar el branding agregando el logotipo de la empresa o un banner promocional. * Proporcionar orientación visual mediante imágenes de métodos de pago o pasos del pedido. * Destacar ofertas especiales para incentivar a los clientes a completar su compra. ### ¿Necesitas ayuda? Si tienes alguna pregunta o necesitas asistencia adicional, no dudes en contactar al equipo de soporte desde la app.