Iconos integrados de redes sociales

Muestra, cambia el estilo y elimina íconos de redes sociales en tu sitio.

Última actualización: 9 de enero de 2025

Puedes mostrar iconos de redes sociales integrados en tu sitio después de agregar enlaces a redes sociales. En la mayoría de los casos, los iconos aparecen automáticamente en el encabezado de tu sitio o después de habilitarlos en la configuración de estilo. Esta guía repasa cómo habilitar, diseñar y ocultar los iconos de redes sociales integrados.

Para aprender a reorganizar los iconos o agregar y eliminar los servicios a los que se vinculan estos iconos, visita Agregar iconos de redes sociales. Para agregar iconos a otras áreas de tu sitio, utiliza bloques de redes sociales.

Cómo acceder a esta función

Si tu sitio está en la versión 7.0, la capacidad de mostrar los iconos de redes sociales integrados y su ubicación depende de tu plantilla.

Visualización de los iconos de redes sociales integrados según la versión

La visualización de tus iconos de redes sociales integrados depende de la versión en la que se encuentre tu sitio.

Todos los sitios de la versión 7.1 pueden mostrar los iconos de redes sociales integrados en el encabezado del sitio. Para mostrarlos, es posible que tengas que habilitarlos:

  1. Abre el panel de Páginas y haz clic en Editar en cualquier página de tu sitio.
  2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
  3. Haz clic en Agregar elementos y activa la opción Enlaces a redes sociales.
  4. Si aún no agregaste enlaces a redes sociales en tu sitio, desplaza el cursor sobre el encabezado y haz clic en Enlaces a redes sociales cuando aparezca, y luego haz clic en el icono del lápiz. Puedes agregar enlaces a redes sociales en la pestaña Contenido. Ten en cuenta que tus enlaces a redes sociales se muestran en todo el sitio.
  5. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Para obtener más información sobre el encabezado de tu sitio, visita Crear un encabezado para el sitio.

Aquí te mostramos una lista de dónde se muestran los iconos de redes sociales integrados en las familias de plantillas versión 7.0.En el caso de algunas plantillas, es posible que debas habilitarlas para que se muestren.Para obtener más ayuda, visita tu guía de la plantilla.

Plantilla Computadora Móvil
Adirondack Ninguna Ninguna
Avenue Pie de página Pie de página

Aviator

En la parte superior derecha o en la parte inferior del centro, dependiendo del diseño. Abajo al centro

Bedford

Ninguna Ninguna

Brine

Encabezado Ninguna

Farro

Encabezado Los iconos no se muestran
Five Encabezado y/o pie de página Solo se muestran los iconos de pie de página
Flatiron Pie de página Pie de página
Forte Encabezado Superposición de navegación
Galapagos Ninguna Ninguna
Ishimoto Pie de página Pie de página
Momentum Barra de navegación Superposición de navegación

Montauk

Pie de página de información Pie de página de información
Native Pie de página Pie de página

Pacific

Ninguna Ninguna

Skye

Encabezado Pie de página
Supply Barra lateral de navegación Superposición de navegación

Tremont

Encabezado Encabezado
Wells Barra lateral de navegación Encabezado
Wexley Pie de página Pie de página

York

Ninguna Ninguna

Modificar el estilo de los iconos de redes sociales

Puedes personalizar el tamaño, el borde y el color de los iconos de redes sociales integrados en tu sitio.

Tamaño y borde

Para cambiar el tamaño y el borde de tus íconos de redes sociales:

  1. Haz clic en Editar en una página y luego en Editar encabezado del sitio.
  2. Haz clic en los enlaces a redes sociales, en el icono del lápiz y luego en Diseño.
  3. Usa el control deslizante Tamaño de iconos de redes sociales para cambiar el tamaño.
  4. Selecciona una forma de Borde y elige Delineado o Sólido para el estilo de borde.
  5. Si eliges Delineado, usa el control deslizante Grosor para cambiar el ancho del borde.
  6. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Color en encabezados sólidos o degradados

Para cambiar el color de los iconos de redes sociales cuando el estilo de fondo del encabezado esté configurado en Sólido o Degradado:

  1. Mientras editas una página, abre el editor de encabezado
  2. En el editor de encabezado, haz clic en Editar diseño y, a continuación, en Color.
  3. Haz clic en Color de navegación para editar el color de los enlaces de navegación e iconos de redes sociales integrados.

Para cambiar el color del desplazamiento del cursor de los iconos de redes sociales en los encabezados Sólidos o Degradados, edita el ajuste Fondo del botón principal en la combinación de colores predeterminada de tu sitio. Ten en cuenta que esto también cambiará el color de los botones que usen el estilo del botón principal en la combinación de colores predeterminada.

Color en encabezados adaptados

Para cambiar el color de tus iconos de redes sociales con el estilo de fondo del encabezado configurado como Adaptado:

  1. Mientras editas una página, abre estilos del sitio y, a continuación, haz clic en Colores.
  2. Haz clic en el icono del lápiz en la paleta de colores seleccionada para el encabezado de tu sitio.
  3. Cambia el ajuste de Enlaces de navegación.
  4. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Para cambiar el color de desplazamiento del cursor em los iconos de redes sociales en los Encabezados adaptados, edita el ajuste Fondo del botón principal en la combinación de colores de la sección superior. Ten en cuenta que esto también cambiará el color de los botones que usen el estilo del botón principal en las secciones que usan esta combinación de colores.

Para modificar el estilo de tus iconos de redes sociales:

  1. Abre el panel Estilos del sitio.
  2. Haz clic en los iconos de redes sociales en la vista previa del sitio.
  3. Cambia el estilo de los iconos usando los ajustes de estilo que aparecen.
  4. Haz clic en Guardar.

Algunas plantillas tienen más opciones, que pueden incluir:

Ajuste de estilo Opciones
Estilo de los iconos de redes sociales

Cambia la forma de los iconos de redes sociales. Las opciones suelen incluir:

  • Redondo
  • Square
  • Normal: La forma predeterminada de la gestión de marca del servicio. Por ejemplo, el icono de Facebook tendrá la forma de una "f".
Color de superposición/Color alternativo Elegir un segundo color para mostrarlo en los banners
Color estándar Usa el color predeterminado de la gestión de marca del servicio.

Ocultar los iconos integrados

Para ocultar los iconos de redes sociales integrados:

  1. Abre el panel de Páginas y haz clic en Editar en cualquier página de tu sitio.
  2. Posiciona el cursor sobre el encabezado y haz clic en Editar el encabezado del sitio.
  3. Haz clic en Agregar elementos y desactiva la opción Enlaces a redes sociales.
  4. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.
  1. Abre el panel Estilos del sitio.
  2. Busca ajustes de redes sociales.El nombre del ajuste varía según la plantilla, pero busca opciones como Ocultar iconos de redes sociales, Mostrar iconos de redes sociales y Posición de los iconos de redes sociales: ocultar.Puedes hacer clic en los iconos de la vista previa para poder encontrar el ajuste.
  3. Haz clic en Guardar.

Nota

Los iconos de redes sociales integrados no se pueden ocultar en las plantillas Flatiron o Native.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.