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

# Быстрый старт: создайте и опубликуйте первый лендинг

> Создайте первый лендинг в LanderLab: добавьте форму для лидов, подключите CRM и пиксели, опубликуйте на своём домене и проверьте отслеживание.

Это руководство проведёт вас от пустого рабочего пространства до живого лендинга, который собирает реальные лиды. Оно займёт около десяти минут.

<Note>
  Всё описанное здесь работает на бесплатном аккаунте. Платный тариф нужен только для публикации на собственном домене.
</Note>

## Шаг 1: создайте страницу

В LanderLab есть пять способов начать лендинг. Выберите тот, который соответствует тому, что у вас уже есть.

<Columns cols={2}>
  <Column>
    <Card title="Генерация с помощью AI" icon="sparkles" href="/ru/features/landing-pages/create/with-ai">
      Опишите продукт, аудиторию и цель. Самый быстрый вариант и лучший выбор по умолчанию для первой страницы.
    </Card>
  </Column>

  <Column>
    <Card title="Старт с шаблона" icon="table-columns" href="/ru/features/landing-pages/create/from-template">
      Выберите проверенный макет по вертикали и подставьте свои тексты и изображения.
    </Card>
  </Column>
</Columns>

Также можно [импортировать готовую страницу по URL](/ru/features/landing-pages/create/import-from-url), [загрузить ZIP-файл](/ru/features/landing-pages/create/with-zip) или [начать с пустого холста](/ru/features/landing-pages/create/from-scratch).

<Tip>
  Хотите создать квиз или многошаговую форму вместо одной страницы? Перейдите к [руководству по квиз-воронкам](/ru/features/quizzes/get-started). Остальные шаги ниже остаются теми же.
</Tip>

## Шаг 2: отредактируйте контент

Страница откроется в визуальном редакторе. Нажмите на любой элемент, чтобы выбрать его, и меняйте его на правой панели.

<Steps>
  <Step title="Замените тексты">
    Нажмите на заголовок или абзац и введите свой текст. Варианты форматирования — в разделе [заголовки и текст](/ru/features/editor/elements/headings-text).
  </Step>

  <Step title="Замените изображения">
    Выберите изображение и загрузите своё или подберите его во встроенной библиотеке. Подробности — в разделе [добавление и настройка изображений](/ru/features/editor/elements/image).
  </Step>

  <Step title="Задайте цвета и шрифты бренда">
    Вместо того чтобы стилизовать каждый элемент, задайте их один раз в [цветах темы](/ru/features/editor/theme/colors) и [глобальных шрифтах](/ru/features/editor/theme/fonts). Все элементы подстроятся автоматически.
  </Step>

  <Step title="Проверьте мобильную версию">
    Переключитесь на мобильный вид на панели инструментов и поправьте всё, что выглядит тесно, с помощью настроек [видимости](/ru/features/editor/styles/visibility) и [отступов](/ru/features/editor/styles/spacing).
  </Step>
</Steps>

<Tip>
  Нужно изменить один и тот же текст или ссылку в двадцати местах? Используйте [замену текста](/ru/features/editor/quick-actions/replace-text) и [замену ссылок](/ru/features/editor/quick-actions/replace-links) вместо правки по одному.
</Tip>

## Шаг 3: добавьте форму для лидов

Лендинг без точки захвата не может генерировать лиды. Добавьте [элемент рассылки или формы](/ru/features/editor/elements/newsletter), а затем решите, что произойдёт после отправки, в [общих настройках страницы](/ru/features/landing-pages/settings/general): редирект на страницу благодарности, на URL оффера или показ сообщения об успехе.

Если вы собираете чувствительные или регулируемые данные, включите [валидацию](/ru/features/quizzes/validation/general), чтобы неверные email и номера телефонов не попадали в вашу базу.

## Шаг 4: подключите, куда должны попадать лиды

Лиды всегда сохраняются в LanderLab, но большинство команд одновременно отправляют их в другое место.

<Columns cols={2}>
  <Column>
    <Card title="Отправка в CRM" icon="address-book" href="/ru/integrations/crm/klaviyo">
      Klaviyo, HubSpot, ActiveCampaign, Mailchimp, GoHighLevel и другие.
    </Card>
  </Column>

  <Column>
    <Card title="Отправка байеру или по API" icon="share-nodes" href="/ru/integrations/lead-distribution/webhook">
      Webhook, Google Sheets, LeadsPedia, LeadProsper, Phonexa, LeadByte.
    </Card>
  </Column>
</Columns>

Добавьте интеграцию на панели **Add Integration** на странице лендинга, сопоставьте поля формы, а затем подключите её к странице.

## Шаг 5: добавьте отслеживание

Установите рекламный пиксель, чтобы источник трафика мог атрибутировать и оптимизировать конверсии. LanderLab добавляет скрипт сам, вам нужно только вставить ID.

* [Meta Pixel](/ru/integrations/pixels/meta-pixel) и [Meta Conversions API](/ru/integrations/pixels/meta-capi)
* [TikTok](/ru/integrations/pixels/tik-tok), [Snapchat](/ru/integrations/pixels/snapchat), [Taboola](/ru/integrations/pixels/taboola), [NewsBreak](/ru/integrations/pixels/news-break)
* [Google Analytics](/ru/integrations/analytics/google-analytics)

Затем настройте [отслеживание конверсий](/ru/features/analytics/conversions-tracking), чтобы LanderLab фиксировал те же действия, что и ваша рекламная платформа.

## Шаг 6: опубликуйте

<Steps>
  <Step title="Подключите домен">
    Используйте [интеграцию с Cloudflare](/ru/features/domain/connect-domain-cloudflare) для автоматической настройки DNS или [подключите вручную](/ru/features/domain/manual-connection), добавив записи CNAME и TXT самостоятельно.
  </Step>

  <Step title="Заполните SEO-настройки">
    Добавьте заголовок страницы, meta description и фавикон в [SEO-настройках](/ru/features/landing-pages/settings/seo).
  </Step>

  <Step title="Опубликуйте">
    Нажмите **Publish**, выберите домен и путь, и страница станет доступной. Подробности — в разделе [публикация лендинга](/ru/features/landing-pages/operations/publish).
  </Step>
</Steps>

<Warning>
  Каждое изменение после публикации требует [повторной публикации](/ru/features/landing-pages/operations/republish), чтобы попасть на живую страницу. Это касается и новых интеграций и пикселей.
</Warning>

## Что делать дальше

<Columns cols={2}>
  <Column>
    <Card title="Протестируйте вторую версию" icon="flask" href="/ru/features/analytics/ab-testing">
      Дублируйте страницу в вариант, разделите трафик и позвольте данным выбрать победителя.
    </Card>
  </Column>

  <Column>
    <Card title="Следите за результатами" icon="chart-line" href="/ru/features/analytics/landing-page">
      Просмотры, клики, лиды и конверсия по странам, устройствам и источникам.
    </Card>
  </Column>
</Columns>


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