> ## 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.

# Elementos prediseñados en embudos y sitios web

> Usa botones, imágenes, íconos sociales y barras de progreso listos para arrastrar desde la barra lateral del editor.

Los elementos prediseñados son componentes listos para usar que encuentras en la barra lateral izquierda del editor de embudos y sitios web. Te ahorran tiempo porque no tienes que diseñar desde cero: eliges uno, lo arrastras a tu página y lo adaptas a tu marca.

## Qué elementos incluye

| Elemento | Para qué sirve |
| - | - |
| Botones prediseñados | Una colección de botones con estilos profesionales, listos para tus llamadas a la acción. |
| Imágenes prediseñadas | Una biblioteca de imágenes de alta calidad y libres de derechos que puedes arrastrar directamente a tus páginas. |
| Íconos de redes sociales | Íconos para las principales redes, como Facebook, X, Instagram y LinkedIn, para llevar a tus visitantes a tus perfiles. |
| Barras de progreso | Barras visuales para mostrar avances, etapas de un proceso, metas o indicadores de carga. |

## Cómo usarlos

**1. Abre la barra lateral de diseño**

En el editor de tu embudo o sitio web, abre la barra lateral izquierda.

**2. Elige la categoría**

Encontrarás una sección para cada tipo de elemento prediseñado: botones, imágenes, íconos sociales y barras de progreso.

**3. Arrastra el elemento**

Arrastra el que te guste a la sección de tu página donde quieres usarlo.

**4. Personalízalo**

Cambia textos, colores, enlaces y tamaños para adaptarlo a tu marca. Luego guarda y publica.

## Beneficios

* **Más productividad:** construyes páginas de calidad en menos tiempo, sin diseñar cada componente.
* **Más interacción:** los íconos sociales y las barras de progreso invitan al visitante a actuar y a seguir avanzando.
* **Diseño coherente:** mantienes un estilo uniforme en todo tu sitio, porque todos los elementos se pueden personalizar con tus colores y tipografías.

> [!TIP]
>
> Usa una barra de progreso en formularios o embudos de varios pasos para mostrarle al visitante cuánto le falta. Saber que está cerca del final lo motiva a completar el proceso.

## Artículos relacionados

> **[Íconos de redes sociales](https://help.chateea.com/docs/sitios/elemento-iconos-de-redes-sociales.md)**
>
> Configura tus íconos sociales en detalle.

> **[Barra lateral del creador](https://help.chateea.com/docs/sitios/barra-lateral-del-creador.md)**
>
> Conoce las herramientas del editor.

> **[Secciones guardadas](https://help.chateea.com/docs/sitios/secciones-guardadas.md)**
>
> Reutiliza tus propios bloques de diseño.

> **[Selector de color](https://help.chateea.com/docs/sitios/selector-de-color.md)**
>
> Aplica los colores de tu marca.


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