💳 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.

Actualizado el: 10/09/2026