> ## 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 las redes sociales > ℹ️ **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. Aprende a añadir y configurar Social Media Icons para mejorar la visibilidad de la marca, el compromiso del cliente y la conectividad social en tu escaparate. --- ## **✅ Paso 1: Open Social Media Icons Settings** 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 redes sociales. ### **📍 Tipos de alojamiento disponibles** ### **Página** * Mostrar iconos sociales directamente en las páginas de productos * Ayuda a los clientes a descubrir y conectar con su marca mientras navega productos ### **Footer** * Mostrar iconos en la sección de pie de su sitio web * Mantiene los enlaces sociales accesibles en todas las páginas ### **Iconos flotantes** * Mostrar iconos sociales flotantes que permanecen visibles mientras los clientes se desplazan * Por lo general posicionado en las esquinas de la pantalla para una accesibilidad rápida ### **Cart Drawer** * Mostrar iconos sociales dentro del carrito mini o carrito de deslizamiento * Alienta el compromiso durante el viaje de compras ### **Página** * Mostrar iconos directamente en la página del carrito antes del checkout * Útil para promover comunidades, exámenes o pruebas sociales ### **Página de inicio** * Mostrar iconos durante el Shopify proceso de verificación * Ayuda a fortalecer la confianza de la marca antes de completar el pedido * Disponible sólo para **Shopify Plus** comerciantes ### **Posición personalizada** * Colocar iconos manualmente exactamente donde los quieres * El posicionamiento se puede ajustar usando el Shopify Theme Editor --- ## **✅ Paso 3: Configuración de medios sociales** Dentro del **Índice** pestaña, localiza el **Tipo de placa** desplegable y seleccione: ### **Social & Brand Icons** --- ## **📝 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 para la referencia de administrador de la tienda y no es visible para los clientes --- ## **✍️ Texto promocional (Opcional)** Puede añadir el texto promocional por encima de los iconos sociales. ### **Campos disponibles** ### **Título** Use encabezados atractivos como: * “Sigan nuestro viaje” * “Connecto con nosotros” * “Stay Social” ### **Subheading** Agregue un mensaje de apoyo como: * “Manténgase actualizado sobre ofertas diarias” * “Llévanos a ser presentados” * “Únete a nuestra comunidad” --- ## **🎨 Elija " Administrar Iconos "** Puede personalizar los iconos mostrados dentro del bloque de redes sociales. ### **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 ### **Plataformas soportadas Incluye** * Instagram * Facebook * TikTok * Pinterest * X (Twitter) * YouTube ### **Cargas personalizadas** También puede subir iconos personalizados directamente desde su dispositivo. --- ## **➕ Añadir más iconos** Haga clic **Añadir nuevo icono** incluir iconos sociales o de marca adicionales dentro del mismo bloque. 💡 Esto permite a los comerciantes mostrar múltiples plataformas sociales juntos. --- ## **🔗 Configure Call to Action (CTA)** Cada icono de redes sociales puede incluir comportamiento clicable. ### **Comportamiento predeterminado** Por defecto, los iconos usan: ### **Agregar enlace al bloque completo** Esto hace que todo el bloque de iconos haga clic para una experiencia de visitante perfecta. --- ## **📌 Tipos de CTA disponibles** ### **Enlace personalizado (Lo más común)** Paste enlaces directos como: * URL de página de Facebook * Perfiles de Instagram * Enlaces de chat WhatsApp * Discord invita * Páginas de aterrizaje externas ### **Página** Redirección de visitantes directamente a un determinado Shopify producto. ### **Página** Redirección de visitantes a una colección de productos específica. ### **No Call to Action** Los iconos permanecen estáticos y no pueden hacer clic. ### **Añadir Botón con Enlace** Crea un botón clicable separado junto o debajo de los iconos. --- ## **🛒 Vinculación de productos** Si la página de producto CTA es seleccionada: → Uso **Seleccione producto** para elegir el destino del producto directamente desde su Shopify tienda. --- ## **🔄 Arrange Icons** Puede gestionar el diseño de iconos fácilmente. ### **Opciones 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 Social Media Icons. ### **Controles de diseño disponibles** ### **Visibilidad** Elija: * Desktop & Mobile * Solo para escritorio * Solo móvil ### **Icon Colores** Elige entre: * Colores oficiales de marca * Colores personalizados que coinciden con el tema de la tienda ### **Tipografía & Tamaños** Ajuste: * Tamaños de la fuente * Icon spacing * Su apariencia * Animaciones 💡 Puede utilizar animaciones sutiles para hacer que los iconos sociales se sientan más interactivos sin distraerse. --- ## **✅ Paso 5: Configure Placement " Visibility** Navegue a la **Placement " Visibility** tab. ### **Controles disponibles** ### **Páginas** Elija dónde deben aparecer los iconos: * 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 la colocación de iconos 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 redes sociales estén completamente configurados: * Haga clic **Guardar** * Luego haga clic **Publish** Después de publicar: → Visite su escaparate en vivo y confirme que todos los iconos redireccionan correctamente a los destinos previstos. --- ## **💡 Tip de solución rápida de problemas** Si las redes sociales 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, Social Media Icons ayuda a que su escaparate se sienta más conectado, confiable y impulsado por la comunidad. Con la configuración adecuada: ✅ Los clientes pueden conectarse rápidamente con su marca ✅ La visibilidad social se hace más fuerte ✅ El compromiso comunitario mejora ✅ La confianza de la marca se siente más auténtica ✅ La navegación frente a la tienda se vuelve más interactiva ✅ Los visitantes pueden acceder a importantes plataformas sociales al instante Las redes sociales funcionan mejor cuando se combinan con la colocación limpia, el espaciamiento equilibrado y los destinos sociales relevantes. ---