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

# Save as Component: как сохранять и переиспользовать секции

> Как сохранить секцию как компонент в LanderLab через Save as Component и вставлять её на другие лендинги из раздела My Sections.

Функция Save as Component позволяет сохранять части страницы и использовать их на других лендингах. Так вы быстрее собираете страницы и сохраняете единый стиль.

## Как сохранить компонент

1. Выберите элемент, который хотите сохранить (обычно это **секция или Box**)
2. Нажмите на него правой кнопкой мыши или воспользуйтесь панелью, которая появляется при наведении
3. Нажмите **Save as Component**
4. Введите название и сохраните

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/SbzVXijohoH40Uhz/images/save-component.png?fit=max&auto=format&n=SbzVXijohoH40Uhz&q=85&s=832842984f9f73eefeaae27e1b1c7ac4" alt="Пункт Save as Component для выбранной секции в редакторе LanderLab" width="1920" height="993" data-path="images/save-component.png" />
</Frame>

## Где найти сохранённые компоненты

1. Откройте левую боковую панель
2. Нажмите кнопку **+ (Add Elements)**
3. Перейдите на вкладку **Sections**
4. Откройте **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="Раздел My Sections на вкладке Sections со списком сохранённых компонентов" width="1920" height="992" data-path="images/sections.png" />
</Frame>

👉 Здесь появятся все ваши сохранённые компоненты

## Как это работает

В сохранённый компонент входят:

* Расположение элементов (Layout)
* Стили
* Контент
* Ссылки

Их можно перетаскивать на любую страницу.<br />Они работают как готовые строительные блоки для быстрого создания страниц.

## Важно

<Warning>
  Изменения, внесённые в один экземпляр, **не обновляют остальные**

  После добавления на страницу каждый сохранённый компонент независим

  Эта функция нужна в первую очередь для **повторного использования дизайна**, а не для синхронизации контента между страницами
</Warning>

## Когда использовать

* Повторное использование hero-секций
* Повторное использование CTA-блоков
* Повторное использование макетов в разных кампаниях
* Ускорение создания страниц

## Предупреждение (импортированные страницы)

Если вы сохраняете компоненты со страниц, импортированных по URL:

* Структура может оказаться неаккуратной
* Из-за этого при повторном использовании иногда возникают проблемы с версткой

👉 Всегда проверяйте и очищайте импортированные секции перед сохранением

## Рекомендации

* Сохраняйте чистые, хорошо структурированные секции
* Давайте понятные названия, чтобы их было легко найти
* Относитесь к сохранённым компонентам как к шаблонам, а не как к синхронизируемым компонентам

<Tip>
  Совет: соберите собственную библиотеку переиспользуемых компонентов, чтобы быстрее запускать кампании.
</Tip>


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