Añadir iconos de redes sociales

Permite a los visitantes encontrar y seguir tus páginas de redes sociales.

Última actualización: 12 de enero de 2025

Agregar enlaces a redes sociales te permite mostrar los iconos de redes sociales a tus visitantes; esto los ayudará a encontrarte en los lugares donde tengas presencia en la web. Los iconos incluyen los logotipos de muchas de las plataformas más comunes, como Facebook, Instagram y X, antes conocido como Twitter. También puedes añadir iconos de correo o de enlace que dirijan a cualquier sitio web o cualquier dirección de correo electrónico.

En esta guía, aprenderás cómo añadir y administrar tus iconos de redes sociales, y cómo modificar su estilo. Puedes añadir iconos a los siguientes lugares:

  • Áreas de iconos de redes sociales integrados (todos los sitios de la versión 7.1 y algunas plantillas de la versión 7.0)
  • Bloques de enlaces a redes sociales
  • Páginas de portada (versión 7.0)

Consulta la lista de logotipos de las plataformas que se admiten.

Consejo

Si deseas autorizar una cuenta para compartir contenidos, por ejemplo, para publicar en Facebook o para mostrar tus publicaciones de Instagram, sigue los pasos descritos en Conectar cuentas de redes sociales.

Aquí hay un ejemplo de iconos de redes sociales:

iconos integrados de redes sociales

Agregar enlaces de iconos de redes sociales

Agrega enlaces al panel de Enlaces a redes sociales para mostrar el icono de una red social en todo tu sitio.

  • Si reconocemos la plataforma según la URL, mostraremos un icono con el logotipo de dicha plataforma.
  • Si el enlace es de una página o un servicio que no reconocemos, se representará como el icono de enlace.
  • Si el enlace es una dirección de correo electrónico, se representará a través de un icono de correo.

Para añadir un enlace:

  1. Abre el panel de Enlaces a redes sociales.
  2. Desplázate hacia abajo hasta el campo Agregar enlace a redes sociales o correo electrónico.
  3. Copia y pega una URL de una página de perfil o una dirección de correo electrónico en la casilla. Por ejemplo, para Instagram, copia y pega toda la URL de tu perfil de Instagram, como http://instagram.com/yourhandle.
  4. Pulsa Entrar en el teclado.
  5. Repite este paso para cada icono que desees añadir.
  6. Para cambiar el orden de los iconos, arrastra y suelta las cuentas en el panel. En la mayoría de las plantillas, los iconos de las redes sociales aparecen en el mismo orden de izquierda a derecha. En Flatiron, aparecen de derecha a izquierda.

Administrar iconos

Todos los enlaces del panel Enlaces de redes sociales aparecen como iconos de redes sociales integrados y el bloque de enlaces de redes sociales. Puedes abrir el panel Enlaces de redes sociales para agregar o editar tus iconos desde cualquier área. Los cambios que introduzcas en cualquiera de las áreas se reflejarán en todo tu sitio.

Iconos integrados de redes sociales

La ubicación de los iconos de redes sociales integrados depende de la versión de tu sitio:

Puedes aplicar estilos a estos iconos de redes sociales en el panel Diseño. Para editar tus iconos, desplaza el cursor sobre ellos y haz clic en Editar. Para informarte mejor, visita Iconos de redes sociales integrados.

Bloques de enlaces a redes sociales

Los bloques de enlaces sociales están disponibles en cualquier lugar en el que se puede agregar un bloque. Puedes cambiar el aspecto de este bloque en su configuración.

Para editar tus iconos desde aquí, abre cualquier página con un bloque de enlaces sociales y haz clic en el bloque y, a continuación, en Editar o en el icono de lápiz. Para obtener más información, visita Bloques de enlaces sociales.

Páginas de portada (versión 7.0)

Todas las páginas de portada pueden incluir iconos de redes sociales y su ubicación varía según el diseño.

Para editar los iconos, abre la página de portada, desplaza el cursor sobre los iconos de redes sociales y haz clic en Editar iconos de redes sociales. Para obtener más información, visita Páginas de portada en la versión 7.0.

Establecer visibilidad de iconos

Después de añadir un enlace, decide si deseas que el icono sea visible o no:

  1. Abre el panel de Enlaces a redes sociales.
  2. Haz clic en la cuenta que te gustaría editar.
  3. Marca o desmarca Mostrar iconos de redes sociales.
  4. Haz clic en Guardar.

Ahora verás un rótulo de Oculto o Visible debajo del nombre del servicio en el panel. Esto se aplica a todos los iconos de todo el sitio.

Eliminar un icono

Para borrar un icono en todo el sitio:

  1. Abre el panel de Enlaces a redes sociales.
  2. Haz clic en el icono que te gustaría borrar.
  3. Haz clic en Borrar y, a continuación, en Confirmar.

Consejo

Para borrar solo los iconos de un área en particular, puedes ocultar los iconos de redes sociales integrados o borrar el bloque de enlaces a redes sociales.

Logotipos de las plataformas disponibles

Estos logotipos aparecen automáticamente cuando añades una URL de esa plataforma en enlaces a redes sociales:

  • 500px
  • Apple Podcasts (Para obtener más información, visita la descripción general de Podcasting con Squarespace. Para obtener ayuda sobre el uso de enlaces personalizados para podcasts, visita Herramientas de marketing de Apple Podcasts.
  • Bandsintown
  • Behance
  • CodePen
  • Discord
  • Dribbble
  • Facebook
  • Flickr
  • Foursquare Swarm
  • GitHub (si usas la Plataforma para desarrolladores de Squarespace y buscas más ayuda con Git, consulta nuestra Documentación para desarrolladores).
  • Goodreads
  • Google Play
  • Houzz
  • IMDb (solo los enlaces que terminan en .com muestran el icono de IMDb.)
  • Instagram
  • LinkedIn
  • Medium
  • Meetup
  • Pinterest
  • Reddit
  • SmugMug
  • Snapchat
  • SoundCloud
  • Spotify
  • Stitcher
  • The Dots
  • Tidal
  • TikTok
  • Threads
  • TripAdvisor
  • Tumblr
  • Twitch
  • Vevo
  • Vimeo
  • VSCO
  • Yelp
  • YouTube
  • X o Twitter (el icono que aparece depende de la URL utilizada. Las URL de Twitter.com mostrarán el ícono del pájaro, mientras que las URL de X.com mostrarán el ícono de X).

Nota

Los enlaces a cualquier plataforma no incluida en la lista anterior, como Bandcamp o WhatsApp, se muestran como iconos de enlace genéricos. No es posible importar imágenes o logotipos personalizados como iconos de redes sociales, aunque puedes agregarlos a otras áreas de tu sitio web añadiendo un bloque de imagen con una URL clickthrough.

Mi enlace a redes sociales no tiene una configuración para "Mostrar el icono de la red social"

Si autorizaste cuentas de redes sociales en tu panel de Cuentas conectadas antes del 21 de marzo de 2019, automáticamente las duplicamos en tu panel de Enlaces a redes sociales. No obstante, podrás controlar la visibilidad de ese icono en el panel de Cuentas conectadas.

En cambio, para controlar la visibilidad del icono en los enlaces a redes sociales, bórralo del panel de Enlaces a redes sociales y vuelve a agregarlo con el enlace a la URL del perfil.

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.