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

# Интеграция Slack: уведомления о лидах через вебхук

> Подключите Slack к лендингам в LanderLab через входящий вебхук, чтобы мгновенно получать уведомления о новых лидах в канале.

<iframe src="https://www.youtube.com/embed/JHm5Kde3POg" title="Видеоинструкция: как подключить Slack к LanderLab для уведомлений о лидах" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Подключите Slack к лендингам в LanderLab, чтобы при каждом новом лиде мгновенно получать сообщение в канале Slack вашей команды. Команда видит каждый лид в момент отправки, не выходя из Slack и не открывая панель управления.

## Что такое интеграция с Slack?

Интеграция использует входящий вебхук (**incoming webhook**) Slack, чтобы публиковать сообщение в выбранный канал каждый раз, когда на лендинге собран лид. Вебхук создаётся один раз внутри Slack — вы копируете его URL и вставляете в LanderLab.

Это отлично подходит для оперативных оповещений: уведомляйте отдел продаж в общем канале или отправляйте лиды в приватный канал, который видит только ваша команда.

## Перед началом

Для подключения Slack нужно одно: **URL входящего вебхука** (incoming webhook URL). Его создают на сайте разработчиков Slack, сделав небольшое приложение Slack. Ниже — пошаговая инструкция.

## Шаг 1. Создайте приложение Slack

<Steps>
  <Step title="Откройте страницу приложений Slack">
    Перейдите на [https://api.slack.com/apps](https://api.slack.com/apps) и войдите в свой аккаунт Slack. Нажмите **Create an App**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/image-28.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=ab0a885d045f9e0c6c5d5f92c45d5c73" alt="Страница приложений Slack на api.slack.com с кнопкой Create an App" width="1568" height="782" data-path="images/image-28.png" />
    </Frame>
  </Step>

  <Step title="Выберите From scratch">
    Во всплывающем окне выберите **From scratch**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/image-29.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=9a167b7075c0ca90fcb37a4b21a501fb" alt="Окно создания приложения Slack с выбранным вариантом From scratch" width="706" height="487" data-path="images/image-29.png" />
    </Frame>
  </Step>

  <Step title="Назовите приложение и выберите workspace">
    Введите **App Name** (например, `LanderLab`) и выберите **workspace**, в котором должны появляться уведомления о лидах. Нажмите **Create App**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/image-30.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=25d7bc97ded14070aff3a7e61647efa2" alt="Экран имени приложения Slack с полем App Name и выбором workspace" width="564" height="607" data-path="images/image-30.png" />
    </Frame>
  </Step>
</Steps>

## Шаг 2. Включите Incoming Webhooks и получите URL

<Steps>
  <Step title="Откройте Incoming Webhooks">
    В боковом меню настроек приложения в разделе **Features** нажмите **Incoming Webhooks**. Переключите **Activate Incoming Webhooks** в положение **On**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/MaOcKn9x-e0o8fS_/images/turnonwebhooks.png?fit=max&auto=format&n=MaOcKn9x-e0o8fS_&q=85&s=fa914e7d332518b63900e3888ce35686" alt="Страница Incoming Webhooks в настройках приложения Slack с включённым переключателём активации" width="1568" height="783" data-path="images/turnonwebhooks.png" />
    </Frame>
  </Step>

  <Step title="Добавьте новый вебхук">
    Прокрутите страницу вниз и нажмите **Add New Webhook to Workspace**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/h9RQlkuYw4-wACaD/images/addwebhook.png?fit=max&auto=format&n=h9RQlkuYw4-wACaD&q=85&s=ffffaad6ebfa7da30ec82625cfc1c7ca" alt="Кнопка Add New Webhook to Workspace внизу страницы Incoming Webhooks в Slack" width="1565" height="784" data-path="images/addwebhook.png" />
    </Frame>
  </Step>

  <Step title="Выберите канал и разрешите доступ">
    Выберите **канал**, в который будут приходить лиды, и нажмите **Allow**.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/h9RQlkuYw4-wACaD/images/allow.png?fit=max&auto=format&n=h9RQlkuYw4-wACaD&q=85&s=5cf756b906f5e3ebc7d93ce5eca179b6" alt="Экран разрешений Slack с выбранным каналом и кнопкой Allow" width="1568" height="782" data-path="images/allow.png" />
    </Frame>
  </Step>

  <Step title="Скопируйте URL вебхука">
    На странице Incoming Webhooks в списке появится ваш новый вебхук. Нажмите **Copy**, чтобы скопировать URL. Он выглядит так:

    ```text theme={null}
    https://hooks.slack.com/services/T00000000/B00000000/XXXXXXXXXXXXXXXXXXXX
    ```

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/copywebhook.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=42d29f80b26c43be64215367957b4cbd" alt="Список входящих вебхуков Slack с кнопкой Copy рядом с URL вебхука" width="1685" height="782" data-path="images/copywebhook.png" />
    </Frame>
  </Step>
</Steps>

<Warning>
  Относитесь к URL вебхука как к паролю. Любой, у кого он есть, может публиковать сообщения в ваш канал Slack. Никогда не публикуйте его открыто.
</Warning>

## Шаг 3. Подключите Slack в LanderLab

Когда URL вебхука скопирован, можно подключать интеграцию.

<Steps>
  <Step title="Откройте свой лендинг">
    Перейдите в **Landing Pages** и нажмите на **название лендинга**, для которого хотите получать уведомления о лидах.
  </Step>

  <Step title="Откройте вкладку Integrations">
    Нажмите **Add Integration**, чтобы открыть панель интеграций, затем найдите **Slack** и выберите его.
  </Step>

  <Step title="Введите название и вставьте URL вебхука">
    Дайте интеграции название в поле **Name**, затем вставьте **Webhook URL**, скопированный из Slack. Нажмите **Continue**.
  </Step>

  <Step title="Выберите формат сообщения">
    Выберите, как будет написано каждое уведомление. Формат **List** автоматически оформляет каждое поле лида и запрашивает только вступление, а **Custom** позволяет написать собственный шаблон сообщения. Нажмите **Continue**.
  </Step>

  <Step title="Проверьте и подключите">
    Проверьте канал назначения, формат сообщения и вступление. Все поля лида включаются автоматически. Если всё верно, нажмите **Connect Slack**.
  </Step>
</Steps>

<Note>
  Если у лендинга несколько вариантов A/B-теста, перед добавлением интеграции вам предложат выбрать, к какому или каким вариантам она относится.
</Note>

## Проверьте интеграцию

Отправьте тестовый лид через форму или квиз на лендинге и посмотрите в канал Slack. Приложение должно опубликовать сообщение с данными лида в течение нескольких секунд.

## Устранение неполадок

<AccordionGroup>
  <Accordion title="Сообщения не приходят в Slack">
    Убедитесь, что URL вебхука вставлен правильно без лишних пробелов. Также проверьте, что Incoming Webhooks по-прежнему включён (**On**) в настройках приложения Slack.
  </Accordion>

  <Accordion title="Сообщения публикуются не в тот канал">
    Каждый URL вебхука привязан к каналу, который вы выбрали при его создании. Чтобы писать в другой канал, создайте новый вебхук в Slack (шаг 2), скопируйте его URL и обновите интеграцию в LanderLab.
  </Accordion>

  <Accordion title="URL вебхука перестал работать">
    Если приложение переустановили или его токены отозвали, старый URL вебхука становится недействительным. Создайте новый вебхук в Slack и вставьте новый URL в LanderLab.
  </Accordion>
</AccordionGroup>


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