> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/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 configurar pagos Iconos > ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo. Aprenda a agregar y personalizar Iconos de Pago para mejorar la confianza de checkout y tranquilizar a los clientes sobre métodos de pago seguros disponibles en su tienda. Los Iconos de Pago ayudan a hacer que el escaparate se sienta más confiable mientras muestra claramente los proveedores de pagos soportados. --- ## **✅ Paso 1: Abrir los ajustes de los iconos de pago** 1⃣ Vaya a **Shopify Admin** → **Aplicaciones** → **Hoppy Trust Badges** app. 2⃣ Haga clic en **Crear nueva placa**. --- ## **✅ Paso 2: Elija su ubicación** Desde las opciones de colocación disponibles, seleccione dónde desea que aparezcan los Iconos de Pago. ### **📍 Tipos de alojamiento disponibles** ### **Página** * Mostrar fichas de pago directamente en las páginas de productos * Ayuda a los clientes a sentirse más confiados antes de comprar ### **Footer** * Mostrar iconos de pago en la sección de pie * Mantiene el mensaje de confianza de pago visible en el escaparate ### **Iconos flotantes** * Mostrar iconos de pago flotantes mientras los clientes se desplazan * Por lo general colocado en las esquinas de la pantalla para una mejor visibilidad ### **Cart Drawer** * Mostrar Iconos de pago dentro del carrito mini o carrito de deslizamiento * Refuerza la confianza durante el viaje de compras ### **Página** * Mostrar los iconos de pago directamente en la página del carrito antes del checkout * Ayuda a reducir la vacilación antes de comprar ### **Página de inicio** * Mostrar iconos de pago durante el Shopify proceso de verificación * Ayuda a reforzar la confianza en el pago antes de la terminación del pedido * Disponible sólo para **Shopify Plus** comerciantes ### **Posición personalizada** * Colocar manualmente Iconos de Pago exactamente donde sea necesario * Posicionamiento se puede personalizar usando el Shopify Theme Editor --- ## **✅ Paso 3: Configuración de Iconos de Pago** Dentro del **Índice** pestaña, localiza el **Tipo de placa** desplegable y seleccione: ### **Iconos de pago** --- ## **📝 Configure Block Content** Dentro del **Contenido del bloque** Sección: * Añade un nombre de bloque interno para una gestión más fácil dentro de tu panel de administración * Este nombre es sólo visible dentro del área de administración y no se muestra a los visitantes del escaparate --- ## **✍️ Texto Promocional Configure (Opcional)** Puede personalizar opcionalmente el mensaje mostrado por encima de los iconos de pago. ### **Título** Agregue un encabezamiento que tranquilice a los clientes sobre seguridad de pago. ### **Títulos de ejemplo** * Pago seguro * Pagos Fiduciarios * Métodos de pago seguros --- ### **Subheading** Añada información de apoyo por debajo del título. ### **Ejemplo de subpartidas** * Transacciones 100% seguras * Sin cargos de pago ocultos * Confía en miles de clientes --- ## **🎨 Elija " Administrar Iconos "** Puede personalizar los métodos de pago mostrados dentro del bloque Icons de pago. ### **Acciones disponibles** * Seleccione iconos de la Biblioteca Icono incorporada * Sustitúyase los iconos existentes * Eliminar los iconos no deseados * Cargue iconos personalizados desde su dispositivo ### **Ejemplos de apoyo Incluido** * Visa * Mastercard * PayPal * Stripe * Apple Pay * Google Pay 💡 Los iconos incorporados ayudan a mantener una consistencia visual más limpia a través de los temas de la tienda. --- ## **📤 Subir Iconos Personalizados** Además de la Biblioteca Icon incorporada, también puede subir gráficos personalizados relacionados con el pago directamente desde su dispositivo. Esto es útil para: * Proveedores de pagos específicos de la región * Bienes de marcación personalizados * Soluciones de pago alternativas ⚠️ Las imágenes personalizadas cargadas pueden conservar sus colores originales dependiendo del formato de imagen. --- ## **➕ Añadir más iconos** Haga clic **Añadir nuevo icono** incluir métodos de pago adicionales dentro del mismo bloque. 💡 Múltiples iconos ayudan a los clientes a reconocer rápidamente proveedores de pagos compatibles. --- ## **🔗 Configure Call to Action (CTA)** Los iconos de pago pueden incluir opcionalmente el comportamiento clicable. ### **Tipos de CTA disponibles** ### **No Call to Action** Los Iconos de Pago permanecen estáticos y no se pueden hacer clic. Esto es ideal cuando los iconos sólo están destinados a la construcción de confianza visual. --- ### **Añadir Botón con Enlace** Crea un botón clicable separado junto o debajo de los iconos de pago. Esto es útil cuando los clientes dirigen hacia: * Preguntas frecuentes sobre pagos * Páginas de información sobre seguridad * Políticas de envío * Políticas de reembolso --- ### **Agregar enlace al bloque completo** Hace que todo el Icons de pago bloque clicable. Esto crea una experiencia de visitante más perfecta permitiendo a los clientes hacer clic en cualquier lugar dentro del bloque. 💡 Esto funciona especialmente bien para vincular a los visitantes a la seguridad de pago o páginas relacionadas con la confianza. --- ## **📌 Enlace disponible Destinos** Una vez que se selecciona un tipo CTA, puede elegir dónde deben ser redireccionados los clientes. ### **Página** Redirección de visitantes directamente a Shopify producto. ### **Página** Redirección de visitantes a Shopify colección. ### **URL personalizada** Redirección de visitantes a: * Términos de servicio * Sobre nosotros página * Políticas de pago * Páginas externas --- ## **🛒 Vinculación de productos** Si la conexión de página de producto se selecciona: → Uso **Seleccione producto** para elegir el producto de destino directamente desde su Shopify tienda. --- ## **✅ Paso 4: Personalizar los ajustes de diseño** Abrir el **Diseño** ficha para hacer estilo a tus Iconos de Pago. ### **Controles de diseño disponibles** ### **Visibilidad** Elija: * Desktop & Mobile * Solo para escritorio * Solo móvil ### **Tipografía & Colores** Personalizar: * Fuentes * Tamaños de texto * Colores de fondo * Fronteras * Spacing ⚠️ Importante: La edición personalizada de color sólo está disponible para los iconos incorporados soportados. Las imágenes personalizadas descargadas y ciertos logotipos de pago estándar pueden conservar sus colores originales. --- ### **Animaciones** Elija estilos de animación para hacer que los Iconos de Pago se sientan más dinámicos y visibles. 💡 Las animaciones sutiles a menudo funcionan mejor sin distraerse. --- ## **✅ Paso 5: Configure Placement " Visibility** Navegue a la **Placement " Visibility** tab. ### **Controles disponibles** ### **Páginas** Elija dónde deben aparecer los Iconos de Pago: * Todas las páginas * Página * Páginas de productos * Páginas de colección ### **Dispositivos** Visibilidad de control para: * Escritorio * Móvil * Ambos ### **Posición** Establecer posición como: * Bottom-left * Bottom-right * Posiciones en línea ### **Cuadro** Configuración opcional: * Fechas de inicio * Fechas finales * Visibilidad de las campañas temporales --- ## **✅ Paso 6: Guardar " Publish** Una vez que sus Iconos de Pago están completamente configurados: * Haga clic **Guardar** * Luego haga clic **Publish** Después de publicar: → Visite su escaparate y verifique que los iconos de pago aparecen correctamente en la ubicación seleccionada. --- ## **💡 Tip de solución rápida de problemas** Si los Iconos de Pago no aparecen en su tienda después de publicar: Tu Shopify tema puede estar bloqueando la aplicación incrustada. ### **Para arreglar esto** 1. Ve. **Shopify Admin** → **Tienda Online** → **Temas** 2. Haga clic **Editar tema** sobre su tema en vivo 3. Abierto **App Embeds** desde la barra lateral 4. Toggle **Hoppy Trust Badges (Badges " Icons)** → **ON** 5. Haga clic **Guardar** --- ## **✅ Resultado final** Una vez configurado con éxito, los iconos de pago ayudan a que su tienda se sienta más segura, confiable y centrada en la conversión. Con la configuración adecuada: ✅ Los clientes se sienten más confiados durante el checkout ✅ Los métodos de pago compatibles se vuelven más visibles ✅ El mensaje de confianza de pago se siente más profesional ✅ La vacilación de salida se puede reducir ✅ La credibilidad de la tienda se hace más fuerte ✅ Mejora la confianza en el escaparate Los Icons de pago funcionan mejor cuando se combinan con diseños limpios, espaciamiento equilibrado y marca de proveedores de pago reconocible. ---