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

# Cómo guardar y reutilizar componentes en LanderLab

> Aprende a guardar secciones como componentes reutilizables en LanderLab para trabajar más rápido, mantener la coherencia y crear landing pages en menos tiempo.

La función Save as Component te permite guardar partes de tu página y reutilizarlas en otras landing pages. Así trabajas más rápido y mantienes la coherencia de tus diseños.

***

## Cómo guardar un componente

1. Selecciona el elemento que quieres guardar (normalmente una **sección o un box**)
2. Haz clic derecho sobre él o usa la barra de herramientas que aparece al pasar el cursor
3. Haz clic en **Save as Component**
4. Ponle un nombre y guárdalo

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/SbzVXijohoH40Uhz/images/save-component.png?fit=max&auto=format&n=SbzVXijohoH40Uhz&q=85&s=832842984f9f73eefeaae27e1b1c7ac4" alt="La opción Save as Component en una sección seleccionada del editor de LanderLab" width="1920" height="993" data-path="images/save-component.png" />
</Frame>

***

## Dónde encontrar los componentes guardados

1. Abre la barra lateral izquierda
2. Haz clic en el botón **+ (Add Elements)**
3. Ve a la pestaña **Sections**
4. Entra en **My Sections**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/SbzVXijohoH40Uhz/images/sections.png?fit=max&auto=format&n=SbzVXijohoH40Uhz&q=85&s=29b373d082ccb71a1bd90699136625d2" alt="El área My Sections de la pestaña Sections, con los componentes reutilizables guardados" width="1920" height="992" data-path="images/sections.png" />
</Frame>

👉 Ahí aparecerán todos tus componentes guardados

***

## Cómo funciona

Los componentes guardados incluyen:

* El diseño
* Los estilos
* El contenido
* Los enlaces

Puedes arrastrarlos y soltarlos en cualquier página.<br />Funcionan como bloques reutilizables para crear páginas más rápido.

***

## Notas importantes

<Warning>
  Los cambios que hagas en una copia **no actualizan las demás**

  Cada componente guardado es independiente una vez añadido

  Esta función sirve sobre todo para **reutilizar diseños**, no para sincronizar contenido entre páginas
</Warning>

***

## Cuándo usarlo

* Para reutilizar secciones hero
* Para reutilizar bloques de CTA
* Para reutilizar diseños entre campañas
* Para crear páginas más rápido

***

## Aviso (páginas importadas)

Si guardas componentes de páginas importadas por URL:

* La estructura puede no estar limpia
* Esto a veces provoca problemas de diseño al reutilizarlos

👉 Revisa y limpia siempre las secciones importadas antes de guardarlas

***

## Buena práctica

* Guarda secciones limpias y bien estructuradas
* Usa nombres claros para reutilizarlas fácilmente
* Trata los componentes guardados como plantillas, no como componentes sincronizados

<Tip>
  Consejo: crea tu propia biblioteca de componentes reutilizables para lanzar campañas más rápido.
</Tip>
