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

# Como salvar e reutilizar componentes no LanderLab

> Aprenda a salvar seções como componentes reutilizáveis no LanderLab para agilizar seu workflow, manter a consistência e criar landing pages mais rápido.

O recurso Save as Component permite salvar partes da sua página e reutilizá-las em outras landing pages. Isso ajuda você a criar mais rápido e a manter seus designs consistentes.

***

## Como salvar um componente

1. Selecione o elemento que você quer salvar (geralmente uma **seção ou box**)
2. Clique com o botão direito nele ou use a barra de ferramentas que aparece ao passar o mouse
3. Clique em **Save as Component**
4. Digite um nome e salve

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/SbzVXijohoH40Uhz/images/save-component.png?fit=max&auto=format&n=SbzVXijohoH40Uhz&q=85&s=832842984f9f73eefeaae27e1b1c7ac4" alt="A opção Save as Component em uma seção selecionada no editor do LanderLab" width="1920" height="993" data-path="images/save-component.png" />
</Frame>

***

## Onde encontrar os componentes salvos

1. Abra a barra lateral esquerda
2. Clique no botão **+ (Add Elements)**
3. Vá até a aba **Sections**
4. Vá até **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="A área My Sections da aba Sections, mostrando os componentes reutilizáveis salvos" width="1920" height="992" data-path="images/sections.png" />
</Frame>

👉 Todos os seus componentes salvos vão aparecer ali

***

## Como funciona

Os componentes salvos incluem:

* Layout
* Estilos
* Conteúdo
* Links

Você pode arrastá-los e soltá-los em qualquer página.<br />Eles funcionam como blocos de construção reutilizáveis para criar páginas mais rápido.

***

## Observações importantes

<Warning>
  As alterações feitas em uma instância **não atualizam as outras**

  Cada componente salvo é independente depois de ser adicionado

  Este recurso serve principalmente para **reutilizar designs**, e não para sincronizar conteúdo entre páginas
</Warning>

***

## Quando usar

* Reutilizar seções hero
* Reutilizar blocos de CTA
* Reutilizar layouts entre campanhas
* Acelerar a criação de páginas

***

## Atenção (páginas importadas)

Se você salvar componentes de páginas importadas via URL:

* A estrutura pode não estar limpa
* Isso às vezes pode causar problemas de layout quando eles forem reutilizados

👉 Sempre revise e limpe as seções importadas antes de salvá-las

***

## Boa prática

* Salve seções limpas e bem estruturadas
* Use nomes claros para facilitar a reutilização
* Trate os componentes salvos como modelos, e não como componentes sincronizados

<Tip>
  Dica: crie sua própria biblioteca de componentes reutilizáveis para acelerar o lançamento das campanhas.
</Tip>