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