Bloques de enlaces a redes sociales

Agrega íconos a tus páginas que enlazan a tus perfiles de redes sociales, como Facebook o Instagram.

Última actualización: 4 de octubre de 2023

Usa bloques de enlaces a redes sociales para agregar íconos de redes sociales en cualquier lugar donde puedas agregar bloques a tu sitio. Los iconos enlazan a las URL que agregas en el panel Enlaces a redes sociales. Es común agregar este bloque a un pie de página para que aparezca en todas las páginas de tu sitio.

Para ver una lista de los logotipos de las plataformas disponibles y si tu plantilla incluye iconos incorporados, consulta Añadir iconos de redes sociales.

Consejo

Para ayudarte a comenzar, tu sitio podría incluir un bloque de enlaces a redes sociales en su contenido de muestra. Para personalizar el bloque, haz clic en él y luego presiona el ícono del lápiz.

Mira el video

Antes de comenzar

La pestaña Contenido de los bloques de enlaces a redes sociales refleja la información que se agrega al panel de Enlaces a redes sociales de tu sitio. Cuando actualizas los enlaces a redes sociales en el bloque de enlaces a redes sociales, también se actualizan en el panel de Enlaces a redes sociales.

Por este motivo, todos los Bloques de enlaces a redes sociales muestran los mismos iconos. Si añades o quitas un enlace a redes sociales en un Bloque de enlaces a redes sociales, el resto de tus bloques reflejarán el cambio en tu sitio. No es posible hacer que los Bloques de enlaces a redes sociales muestren distintos iconos. 

Añadir un Bloque de enlaces a redes sociales

Para añadir un Bloque de enlaces a redes sociales

  1. Edita una página o publicación, haz clic en Agregar bloque o un punto de inserción y, luego, en Enlaces a las redes sociales. Para obtener ayuda, visita Agregar contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. En la pestaña Contenido, agrega o edita iconos de redes sociales.
  4. Haz clic en Diseño para cambiar el diseño de los enlaces a redes sociales.

Añade o edita los iconos de redes sociales

Para agregar un nuevo ícono de redes sociales:

  1. En la pestaña Contenido, haz clic en Agregar enlace a redes sociales.
  2. Copia y pega una URL para una página de perfil o dirección de correo electrónico en el campo en blanco.
  3. Pulsa Entrar en el teclado.

Para editar un enlace a redes sociales individual, haz clic en este en la pestaña Contenido. Aquí puedes:

  • Editar la URL o la dirección de correo electrónico del enlace.
  • Desactivar la opción Mostrar ícono de redes sociales para ocultar temporalmente el ícono de tu sitio.
  • Eliminar el enlace a redes sociales.Ten en cuenta que, al eliminar este enlace, también se elimina inmediatamente de cualquier parte de tu sitio.

Para cambiar el orden de los enlaces a redes sociales, haz clic en Editar en la esquina superior derecha de la pestaña Contenido, luego haz clic y arrastra el ícono a la derecha del enlace que quieres mover. 

También puedes añadir y editar los iconos de redes sociales en el panel de Enlaces a redes sociales de tu sitio. Cualquier cambio que hagas en el panel de enlaces a redes sociales afecta a todos los bloques de enlaces a redes sociales de tu sitio y viceversa.

Cambia el diseño

Personaliza el diseño de los iconos con la siguiente configuración en la pestaña Diseño:

Consejo

Esta configuración no afecta los iconos integrados de redes sociales, que tienen su propia configuración de estilo.

Configuración Opciones
Borde

Cambia la forma del borde que rodea los íconos. Elige entre:

  • Sin borde
  • Square
  • Circle
  • Cuadrado redondeado

Selecciona un estilo para el borde a partir de las siguientes opciones:

  • Knockout
  • Delineado
  • Sólido

Para cambiar el ancho del delineado, usa el control deslizante de grosor.

Alineación

Cambia la alineación de los iconos en relación con el contenedor del bloque. Elige entre lo siguiente:

  • Izquierda
  • Centrado
  • Derecha
Tamaño

Cambia el tamaño del icono. Elige entre lo siguiente:

  • XS
  • S
  • M
  • J
  • XL

Cambiar el color de los íconos

Puedes cambiar los colores de los íconos en un Bloque de enlaces sociales para adaptarlos según la personalización de la marca de tu sitio. Tus opciones varían en función de la versión de tu sitio.

Para cambiar los colores de los íconos:

  1. Mientras editas una página, abre Estilos del sitio y, a continuación, haz clic en Colores.
  2. Haz clic en el ícono de lápiz en el tema del Bloque de enlace sociales.
  3. Desplázate hacia abajo hasta Bloque de enlaces a redes sociales.
  4. Usa Color principal para cambiar el color de los iconos de las redes sociales. Si usas un borde Sólido para los iconos, también puedes usar el ajuste de Color secundario.
  5. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

No es posible utilizar los colores de la marca personalizada de cada servicio de forma predeterminada.

  1. Haz clic en Editar en la página con el Bloque de enlaces sociales y luego en Editar en el bloque.
  2. Haz clic en la pestaña Diseño .
  3. En Color, elige entre Negro, Blanco o Estándar. Con Estándar, cada ícono coincide con la gestión de marca del servicio. Por ejemplo, el ícono de Facebook será azul.

Eliminar un enlace a redes sociales

Antes de eliminar un enlace a redes sociales, recuerda que, si lo haces desde un bloque de redes sociales, también se elimina del panel de enlace a redes sociales de tu sitio y de todos los demás bloques de redes sociales. No es posible mostrar diferentes íconos de redes sociales en diferentes bloques de redes sociales.

Para eliminar un enlace a redes sociales:

  1. Haz clic en Editar en la página y luego en el ícono de lápiz en el bloque de enlaces a redes sociales.
  2. En la pestaña Contenido, haz clic en el enlace a redes sociales que quieres eliminar.
  3. Haz clic en Eliminar enlace a redes sociales y luego en Eliminar. Esto lo elimina de todos los bloques de enlaces a redes sociales y de tu panel de enlaces a redes sociales inmediatamente. Esta acción no se puede deshacer.

O bien, puedes ocultar temporalmente un enlace a redes sociales desactivando Mostrar ícono de redes sociales.

Para eliminar múltiples enlaces a redes sociales:

  1. En la pestaña Contenido, haz clic en Editar en la esquina superior derecha.
  2. Haz clic en el icono menos junto a los enlaces a redes sociales que quieres eliminar. Esto los elimina de todos los bloques y el panel de enlaces a redes sociales inmediatamente. Esta acción no se puede deshacer.
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.

Bloques de enlaces a redes sociales