> ## 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-Integration einrichten

> Erfahren Sie, wie Sie Slack mit Ihren Landingpages in LanderLab verbinden und Lead-Benachrichtigungen per Incoming Webhook in Echtzeit an einen Slack-Kanal senden.

<iframe src="https://www.youtube.com/embed/JHm5Kde3POg" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Verbinden Sie Slack mit Ihren Landingpages in LanderLab, um bei jedem neuen Lead sofort eine Nachricht im Slack-Kanal Ihres Teams zu erhalten. Ihr Team sieht jeden Lead im Moment der Übermittlung – ohne Slack zu verlassen oder Ihr Dashboard zu öffnen.

## Was ist die Slack-Integration?

Die Slack-Integration nutzt einen **Incoming Webhook** von Slack, um bei jedem auf Ihrer Landingpage erfassten Lead eine Nachricht in einem Kanal Ihrer Wahl zu posten. Sie erstellen den Webhook einmalig in Slack, kopieren seine URL und fügen sie in LanderLab ein.

Sie eignet sich hervorragend für Echtzeit-Benachrichtigungen: Informieren Sie Ihr Vertriebsteam in einem gemeinsamen Kanal oder senden Sie Leads in einen privaten Kanal, den nur Ihr Team sehen kann.

## Bevor Sie beginnen

Für die Verbindung mit Slack benötigen Sie eines: eine **Incoming-Webhook-URL**. Sie erstellen sie über die Entwicklerseite von Slack, indem Sie eine kleine Slack-App anlegen. Die folgenden Schritte führen Sie durch den Vorgang.

## Schritt 1: Eine Slack-App erstellen

<Steps>
  <Step title="Öffnen Sie die Slack-Apps-Seite">
    Gehen Sie zu [https://api.slack.com/apps](https://api.slack.com/apps) und melden Sie sich bei Ihrem Slack-Konto an. Klicken Sie auf **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="Die Slack-Apps-Seite auf api.slack.com mit der Schaltfläche Create an App" width="1568" height="782" data-path="images/image-28.png" />
    </Frame>
  </Step>

  <Step title="Wählen Sie From scratch">
    Wählen Sie im Popup **From scratch** aus.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/ZGQlHd3XuGnez3SP/images/image-29.png?fit=max&auto=format&n=ZGQlHd3XuGnez3SP&q=85&s=9a167b7075c0ca90fcb37a4b21a501fb" alt="Das Popup zur Erstellung einer Slack-App mit ausgewählter Option From scratch" width="706" height="487" data-path="images/image-29.png" />
    </Frame>
  </Step>

  <Step title="Benennen Sie Ihre App und wählen Sie einen Workspace">
    Geben Sie einen **App Name** ein (zum Beispiel `LanderLab`) und wählen Sie den **Workspace** aus, in dem die Lead-Benachrichtigungen erscheinen sollen. Klicken Sie auf **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="Der Bildschirm zur Benennung der Slack-App mit Feld für den App Name und Workspace-Auswahl" width="564" height="607" data-path="images/image-30.png" />
    </Frame>
  </Step>
</Steps>

## Schritt 2: Incoming Webhooks aktivieren und die URL abrufen

<Steps>
  <Step title="Öffnen Sie Incoming Webhooks">
    Klicken Sie in der Seitenleiste der App-Einstellungen unter **Features** auf **Incoming Webhooks**. Stellen Sie **Activate Incoming Webhooks** auf **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="Die Seite Incoming Webhooks in den Slack-App-Einstellungen mit aktiviertem Schalter" width="1568" height="783" data-path="images/turnonwebhooks.png" />
    </Frame>
  </Step>

  <Step title="Fügen Sie einen neuen Webhook hinzu">
    Scrollen Sie ans Seitenende und klicken Sie auf **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="Die Schaltfläche Add New Webhook to Workspace am Ende der Slack-Seite Incoming Webhooks" width="1565" height="784" data-path="images/addwebhook.png" />
    </Frame>
  </Step>

  <Step title="Wählen Sie einen Kanal und erteilen Sie den Zugriff">
    Wählen Sie den **Kanal** aus, in dem Leads gepostet werden sollen, und klicken Sie auf **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="Der Berechtigungsbildschirm von Slack mit ausgewähltem Kanal und der Schaltfläche Allow" width="1568" height="782" data-path="images/allow.png" />
    </Frame>
  </Step>

  <Step title="Kopieren Sie Ihre Webhook-URL">
    Zurück auf der Seite Incoming Webhooks erscheint Ihr neuer Webhook in der Liste. Klicken Sie auf **Copy**, um die URL zu kopieren. Sie sieht so aus:

    ```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="Die Liste der Slack-Incoming-Webhooks mit der Schaltfläche Copy neben der Webhook-URL" width="1685" height="782" data-path="images/copywebhook.png" />
    </Frame>
  </Step>
</Steps>

<Warning>
  Behandeln Sie Ihre Webhook-URL wie ein Passwort. Jeder, der sie besitzt, kann Nachrichten in Ihren Slack-Kanal posten. Geben Sie sie niemals öffentlich weiter.
</Warning>

## Schritt 3: Slack in LanderLab verbinden

Mit der kopierten Webhook-URL können Sie die Integration verbinden.

<Steps>
  <Step title="Öffnen Sie Ihre Landingpage">
    Gehen Sie zu **Landing Pages** und klicken Sie auf den **Namen der Landingpage**, für die Sie Lead-Benachrichtigungen möchten.
  </Step>

  <Step title="Öffnen Sie den Tab Integrations">
    Klicken Sie auf **Add Integration**, um das Integrationsfenster zu öffnen, suchen Sie nach **Slack** und wählen Sie es aus.
  </Step>

  <Step title="Geben Sie einen Namen ein und fügen Sie Ihre Webhook-URL ein">
    Geben Sie der Integration einen **Name** zur Identifikation und fügen Sie anschließend die aus Slack kopierte **Webhook URL** ein. Klicken Sie auf **Continue**.
  </Step>

  <Step title="Wählen Sie Ihr Nachrichtenformat">
    Legen Sie fest, wie jede Benachrichtigung formuliert wird. **List** formatiert alle Lead-Felder automatisch und fragt lediglich nach einem Einleitungstext, während **Custom** Ihnen erlaubt, eine eigene Nachrichtenvorlage zu schreiben. Klicken Sie auf **Continue**.
  </Step>

  <Step title="Prüfen und verbinden">
    Prüfen Sie Zielkanal, Nachrichtenformat und Einleitungstext. Alle Lead-Felder werden automatisch übernommen. Wenn alles korrekt aussieht, klicken Sie auf **Connect Slack**.
  </Step>
</Steps>

<Note>
  Wenn Ihre Landingpage mehrere A/B-Test-Varianten hat, werden Sie vor dem Hinzufügen gefragt, für welche Variante oder Varianten diese Integration gelten soll.
</Note>

## Die Integration testen

Übermitteln Sie einen Test-Lead über das Formular oder Quiz Ihrer Landingpage und prüfen Sie anschließend Ihren Slack-Kanal. Die App sollte innerhalb weniger Sekunden eine Nachricht mit den Lead-Details posten.

## Fehlerbehebung

<AccordionGroup>
  <Accordion title="In Slack kommen keine Nachrichten an">
    Prüfen Sie, ob die Webhook-URL korrekt und ohne zusätzliche Leerzeichen eingefügt wurde. Stellen Sie außerdem sicher, dass Incoming Webhooks in Ihren Slack-App-Einstellungen weiterhin auf **On** steht.
  </Accordion>

  <Accordion title="Nachrichten landen im falschen Kanal">
    Jede Webhook-URL ist an den Kanal gebunden, den Sie beim Erstellen ausgewählt haben. Um in einen anderen Kanal zu posten, erstellen Sie in Slack einen neuen Webhook (Schritt 2), kopieren Sie dessen URL und aktualisieren Sie die Integration in LanderLab.
  </Accordion>

  <Accordion title="Die Webhook-URL funktioniert nicht mehr">
    Wenn die App neu installiert oder ihre Tokens widerrufen wurden, wird die alte Webhook-URL ungültig. Erzeugen Sie in Slack einen neuen Webhook und fügen Sie die neue URL in LanderLab ein.
  </Accordion>
</AccordionGroup>
