> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Elemento de íconos de redes sociales

> Agrega a tus páginas una barra de íconos enlazados a tus redes sociales, sin código y con diseño personalizable.

El elemento **Íconos sociales** (Social Icons) te permite agregar a tus páginas una barra con los íconos de tus redes sociales, enlazados a tus perfiles. Ya no necesitas código personalizado ni diseñar la barra desde cero: la arrastras al editor, pones tus enlaces y eliges el estilo.

## Para qué te sirve

* **Más seguidores e interacción:** llevas a tus visitantes a tus perfiles con un clic.
* **Imagen profesional:** mantienes una presencia de marca uniforme en todas tus páginas.
* **Sin código:** lo agregas con arrastrar y soltar.
* **Diseño flexible:** eliges mostrar solo el ícono, solo el texto o ambos.

## Redes compatibles

El elemento incluye íconos para Facebook, Instagram, X, LinkedIn, YouTube, TikTok, WhatsApp, Pinterest y Google Plus, además de íconos de **correo** y **sitio web** para enlazar a tu email o a otra página.

## Cómo agregar los íconos

**1. Abre el panel de elementos**

En el editor de tu sitio web o embudo, haz clic en **Agregar elemento** (+ Add Element).

**2. Busca el elemento**

Ubica **Íconos sociales** en la categoría **Social**.

**3. Arrástralo a tu página**

Suéltalo en la sección donde quieres mostrarlo, por ejemplo en el pie de página o en la sección de contacto.

## Cómo personalizarlos

| Qué quieres hacer | Cómo hacerlo |
| - | - |
| Cambiar el orden | Arrastra cada ícono desde el ícono de **tres líneas**. |
| Poner el enlace de tu perfil | Haz clic en el ícono de **lápiz** y escribe la URL. |
| Quitar un ícono | Haz clic en el ícono de **papelera**. |
| Agregar más redes | Haz clic en **Agregar red social** (+ Add Social). También sirve para recuperar las que eliminaste. |
| Cambiar cómo se muestra | Elige **Solo ícono**, **Solo texto** o **Ícono y texto**. |
| Alinear | Alinea los íconos a la izquierda, al centro o a la derecha. |
| Cambiar el tamaño | Define el ancho y el alto de los íconos en píxeles. |

> [!WARNING]
>
> Los íconos no se enlazan solos a tus perfiles. Debes escribir la URL de cada red con el ícono de lápiz. Si dejas un ícono sin enlace, elimínalo para no confundir a tus visitantes.

## Ajustes para celular

Los íconos son adaptables. Además, puedes configurar por separado para computadora y celular las propiedades del texto, como la fuente, el tamaño, el grosor y el color, y ajustar el tamaño y la alineación para que se vean bien en pantallas pequeñas.

## Preguntas frecuentes

> **¿Los íconos se adaptan al celular?**
>
> Sí. Son adaptables y puedes ajustar el tamaño y la alineación para optimizar cómo se ven en móviles.

> **¿Los íconos se conectan automáticamente a mis perfiles?**
>
> No. Debes agregar manualmente la URL de cada perfil con el ícono de lápiz.

> **Borré un ícono por error, ¿cómo lo recupero?**
>
> Haz clic en **Agregar red social** y vuelve a elegir la red que eliminaste.

## Artículos relacionados

> **[Elementos prediseñados](https://help.chateea.com/docs/sitios/elementos-predisenados.md)**
>
> Botones, imágenes, íconos y barras de progreso listos para usar.

> **[Diseños adaptables a móviles](https://help.chateea.com/docs/sitios/disenos-adaptables-a-moviles.md)**
>
> Ajusta tus páginas para celulares.

> **[Lanza tu sitio web desde plantilla](https://help.chateea.com/docs/primeros-pasos/lanza-tu-sitio-web-desde-plantilla.md)**
>
> Crea tu sitio en pocos pasos.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.