Iconos de redes sociales

Enlaces destacados

1. Documentación de Company XYZ sobre ajustes de color
2. Documentación de Company XYZ sobre ajustes de visibilidad
3. documentación de Shopify sobre secciones y bloques

Videos útiles

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Este bloque muestra enlaces a los perfiles sociales ya configurados en los ajustes del tema. Para una visión general más amplia de cómo se organizan los bloques del tema, consulte documentación de Shopify sobre secciones y bloques. Úselo donde los clientes esperen puntos de contacto rápidos con la marca, como en un encabezado, pie de página, área de contacto o contenido centrado en soporte.

Ajustes principales

Los ajustes principales controlan el aspecto de los enlaces sociales y qué redes aparecen.

Elija un estilo de icono según la función del bloque en su diseño. Branded es más fácil de reconocer de un vistazo, Solid ofrece un estilo visual más limpio y uniforme, y Text only funciona bien cuando quiere que los enlaces se sientan más como navegación que como decoración.

De forma predeterminada, Show all muestra todas las redes sociales que se han configurado en los ajustes del tema. Desactive esta opción cuando quiera que este bloque muestre solo redes seleccionadas, por ejemplo, para mantener un encabezado minimalista mientras muestra una lista más completa en el pie de página.

Cuando Show all está desactivado, puede elegir redes individuales para este bloque. Esta es la mejor opción cuando el espacio es limitado o cuando distintas áreas de su tienda deben destacar distintos canales.

Este bloque solo muestra las redes que ya tienen detalles de cuenta añadidos en los ajustes del tema. Activar una red aquí no crea el enlace social por sí solo.

Ajustes estándar del bloque

Ajustes de color

Estos ajustes permiten que este bloque anule sus opciones de color generales del tema cuando sea necesario. Son especialmente útiles cuando el bloque se sitúa sobre un fondo diferente o necesita un contraste más fuerte que el contenido circundante.

Icon color afecta solo al estilo Solid, y Text color afecta solo al estilo Text only. Si un cambio de color no aparece, compruebe primero que coincida con el estilo que ha seleccionado.

Consulte la referencia compartida de ajustes de color: documentación de Company XYZ sobre ajustes de color.

Ajustes de visibilidad

Use los controles de visibilidad para decidir si este bloque aparece en escritorio, en móvil o en ambos. Esto es útil cuando quiere enlaces sociales en un diseño pero no en otro, especialmente en diseños móviles compactos.

Oculte el bloque solo cuando los mismos enlaces estén disponibles en otro lugar o cuando la ubicación resulte repetitiva. Eso ayuda a mantener el diseño limpio sin dificultar la búsqueda de sus enlaces sociales.

Consulte la referencia compartida de ajustes de visibilidad: documentación de Company XYZ sobre ajustes de visibilidad.

Notas de uso

1. Adapte el estilo a la ubicación. Use iconos con marca para un reconocimiento rápido, iconos sólidos para un aspecto más ordenado y texto solo para áreas con aspecto de navegación.
2. Reduzca la lista de redes cuando sea necesario. Desactive Show all en espacios más ajustados para que el bloque destaque solo los canales que los clientes tienen más probabilidades de usar.
3. Anule los colores con un propósito. Cambie los colores de los iconos o del texto cuando necesite mejor contraste o una mayor claridad visual en un área concreta.
4. Compruebe primero la configuración de la cuenta. Si una red debería aparecer pero no aparece, confirme que su perfil social ya se ha añadido en los ajustes del tema.
5. Use la visibilidad responsive con cuidado. Oculte el bloque en móvil o en escritorio solo cuando otra ubicación ya cubra la misma necesidad.
6. Revise ambas vistas. Los controles de escritorio y móvil pueden dar lugar a distinto espaciado, alineación, visibilidad y comportamiento de medios, así que compruebe ambos diseños antes de publicar.