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.

Actualizado el: 10/09/2026