header-logo
Crea tu sitio web y haz crecer tu negocio con Wix
Crea y gestiona tu sitio con las funciones intuitivas de Wix
Gestiona suscripciones, planes y facturas
Gestiona tu negocio y conecta con los miembros
Aprende a comprar, conectar o transferir un dominio
Herramientas para ampliar tu negocio y tu presencia online
Herramientas de marketing y SEO para impulsar tu negocio
Funciones avanzadas para trabajar de forma eficaz
Soluciones, problemas conocidos y contacto
placeholder-preview-image
Mejora tus habilidades con nuestros cursos y tutoriales.
Obtén consejos para diseño web, marketing y mucho más.
Mejora el tráfico orgánico en buscadores.
Crea un sitio con nuestra plataforma full-stack.
Vincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image

Editor de Wix Studio: agregar y personalizar una barra de redes sociales

4 min
En este artículo
  • Agregar una barra de redes sociales al sitio
  • Personalizar la barra de redes sociales
  • Personalizar el estilo de la barra de redes sociales
Anima a los visitantes a explorar las cuentas de redes sociales de tu cliente usando una barra de redes sociales. La barra de redes sociales muestra los iconos de las plataformas que deseas incluir, vinculados a las cuentas correspondientes. También puedes elegir los diseños de los iconos y ajustar su tamaño y espaciado.

Agregar una barra de redes sociales al sitio

Agrega una barra de redes sociales a la página y colócala en una ubicación que los visitantes puedan ver fácilmente. Por ejemplo, puedes mostrar la barra de redes sociales en el encabezado del sitio para que aparezca en la parte superior de cada página.  

Para agregar una barra de redes sociales:

  1. Haz clic en Agregar elementos  a la izquierda del editor.
  2. Haz clic en Incrustaciones y redes.
  3. Haz clic en Barras sociales.
  4. Arrastra la barra de redes sociales a la ubicación deseada en la página. 
Captura de pantalla del panel Barras de redes sociales.

Personalizar la barra de redes sociales

La barra de redes sociales viene con iconos predeterminados, pero es totalmente personalizable según las necesidades de tu cliente. Puedes reemplazar los iconos, agregar otros nuevos y configurar los enlaces a redes sociales relevantes. También puedes eliminar los iconos que no necesites.

Para personalizar la barra de redes sociales:

  1. Haz clic en la barra de redes sociales en el editor. 
  2. Haz clic en Configurar enlaces.
  3. Elige cómo quieres personalizar la barra de redes sociales:

Personalizar el estilo de la barra de redes sociales

Personaliza el estilo y la apariencia de la barra de redes sociales. Puedes cambiar el tamaño de los iconos, ajustar el espacio entre ellos y elegir mostrarlos horizontal o verticalmente.

Para personalizar el estilo:

  1. Haz clic en la barra de redes sociales en el editor. 
  2. Haz clic en el icono Estilo
  3. Personaliza el estilo con cualquiera de las siguientes opciones:
    • Tamaño de los iconos: establece el tamaño de los iconos de redes sociales.
    • Espaciado: establece el espacio entre los iconos de redes sociales.
    • Dirección de la barra: elige la orientación de los iconos. 
Captura de pantalla del panel Estilo de la barra de redes sociales.
¿Necesitas voltear o rotar los iconos?
  1. Haz clic en la barra de redes sociales en el editor. 
  2. Haz clic en la flecha Abrir Inspector profesional  en la parte superior derecha del editor.
  3. Haz clic en Ajustar e ingresa el ángulo deseado (por ejemplo, 180) junto a Girar.
Captura de pantalla del menú desplegable Ajustar en el panel Inspector profesional.
Captura de pantalla del panel Barras de redes sociales.
Captura de pantalla del panel Estilo de la barra de redes sociales.