Cómo configurar bloques de 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 configurar bloques de iconos para resaltar las proposiciones de valor clave de su tienda como envío gratuito, checkout seguro, retornos fáciles, entrega rápida y más.

Los bloques Icon ayudan a mejorar la confianza del cliente al tiempo que hace que la información principal importante sea más atractiva visualmente.

✅ Paso 1: Abrir bloques de icono Configuración

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 donde desea que aparezcan los bloques de iconos.

📍 Tipos de alojamiento disponibles

Página

• Mostrar bloques de icono directamente en las páginas de producto
• Ayuda a los clientes a sentirse más confiados antes de comprar

Footer

• Mostrar bloques de iconos en la sección de pie
• Mantiene la mensajería de confianza visible a través del escaparate

Iconos flotantes

• Mostrar bloques de icono flotantes mientras los clientes se desplazan
• Por lo general colocado en las esquinas de la pantalla para una mejor visibilidad

Cart Drawer

• Mostrar bloques de iconos dentro del carrito o carrito de deslizamiento
• Refuerza la confianza durante la experiencia del carrito

Página

• Mostrar icono Bloques directamente en la página del carrito antes del checkout
• Ayuda a reducir la vacilación antes de comprar

Página de inicio

• Mostrar bloques de iconos durante el Shopify proceso de verificación
• Ayuda a reforzar la confianza antes de completar el pedido
• Disponible sólo para Shopify Plus comerciantes

Posición personalizada

• Colocar manualmente bloques de icono exactamente donde sea necesario
• Posicionamiento se puede personalizar usando el Shopify Theme Editor

✅ Paso 3: Configurar bloques de iconos

Dentro del Índice pestaña, localiza el Tipo de placa desplegable y seleccione:

Icon Blocks

📝 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

Puede personalizar el mensaje mostrado junto a los iconos.

Campos disponibles

Título

Añadir el mensaje principal para el bloque de iconos.

Títulos de ejemplo

• Envío gratuito
• Pago seguro
• Retorno fácil
• Entrega rápida

Subheading

Añadir un mensaje de apoyo debajo del título.

Ejemplo de subpartidas

• No hay gastos adicionales
• Pagos 100% seguros
• Devoluciones sin complicaciones
• Barcos dentro de 24 horas

🎨 Elija " Administrar Iconos "

Puede personalizar los iconos mostrados dentro del bloque de iconos.

Acciones disponibles

• Seleccione iconos de la Biblioteca Icono incorporada
• Sustitúyase los iconos existentes
• Eliminar los iconos no deseados
• Añadir múltiples iconos lado a lado

Ejemplos de apoyo Incluido

• Visa
• Mastercard
• PayPal
• Stripe
• Iconos de envío
• Iconos de seguridad

📤 Subir Iconos Personalizados

Además de la Biblioteca Icon incorporada, también puede subir iconos personalizados directamente desde su dispositivo.

Esto permite más flexibilidad para las tiendas utilizando marca personalizada o activos visuales únicos.

➕ Añadir más iconos

Haga clic Añadir nuevo icono incluir iconos adicionales dentro del mismo bloque de iconos.

💡 Se pueden mostrar múltiples iconos juntos para reforzar la confianza.

🔗 Configure Call to Action (CTA)

Cada bloque Icon puede incluir opcionalmente el comportamiento clicable.

Tipos de CTA disponibles

No Call to Action

Los iconos permanecen estáticos y no pueden hacer clic.

Esto es útil 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.

Esto es útil cuando los clientes dirigen hacia:

• Preguntas frecuentes
• Políticas de envío
• Políticas de retorno
• Páginas de información sobre seguridad

Agregar enlace al bloque completo

Hace clic en todo el bloque de iconos.

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 clientes a las páginas de confianza, envío o política.

📌 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ítica de envío
• 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.

🔄 Arrange Icons

Puede gestionar fácilmente el diseño y arreglo de iconos.

Acciones disponibles

• Añadir múltiples iconos
• Eliminar los iconos individuales
• Rearrange icono combinaciones para diseños más limpios

⚠️ Demasiados iconos juntos pueden afectar el espaciamiento en pantallas móviles más pequeñas.

✅ Paso 4: Personalizar los ajustes de diseño

Abrir el Diseño tab to style your Icon Blocks.

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

Elige estilos de animación para hacer que Icon Blocks se sienta más dinámico y visible.

💡 Las animaciones sutiles a menudo funcionan mejor sin distraerse.

✅ Paso 5: Configure Placement " Visibility

Navegue a la Placement " Visibility tab.

Controles disponibles

Páginas

Elige dónde deben aparecer los bloques Icon:

• 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 bloques Icon están completamente configurados:

• Haga clic Guardar
• Luego haga clic Publish

Después de publicar:

→ Visite su escaparate y verifique que los bloques de icono aparecen correctamente en la ubicación seleccionada.

💡 Tip de solución rápida de problemas

Si los bloques de icono 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, Icon Blocks ayuda a hacer que su escaparate se sienta más confiable, informativo y centrado en la conversión.

Con la configuración adecuada:

✅ Los clientes ganan más confianza antes de comprar
✅ Las políticas de almacenamiento importantes se vuelven más visibles
✅ El mensaje de confianza se siente más limpio y más profesional
✅ Mejora el compromiso de Storefront
✅ La vacilación de salida se puede reducir
✅ La credibilidad de la marca se hace más fuerte

Los bloques de icono funcionan mejor cuando se combinan con diseños limpios, espaciamiento equilibrado y mensajes significativos centrados en la confianza.

Actualizado el: 10/09/2026