Add webhook documentation

Author: AlteredCoder

crowdsec-docs/sidebarsUnversioned.js

@@ -284,6 +284,11 @@ module.exports = {
                     label: "Slack",
                     id: "console/notification_integrations/slack",
                 },
+                {
+                    type: "doc",
+                    label: "Webhook",
+                    id: "console/notification_integrations/webhook",
+                },
             ],
         },
     ],

crowdsec-docs/static/img/console/notification_integrations/activate-webhook.png

@@ -10,16 +10,16 @@ Discover all the available notification integrations in CrowdSec. Each integrati
 ## Available Integrations
 
 - [Slack](/u/console/notification_integrations/slack)
+- [Webhook](/u/console/notification_integrations/webhook)
 - Coming soon: Discord
-- Coming soon: Webhook
 - Coming soon: Microsoft Teams
 
 ## How to use notification integrations
 
 1. **Link your integration**: Navigate to the **Settings > Integrations** section in the CrowdSec Console and select the integration you want to link. Follow the instructions provided for each integration.
 2. [**Create a notification rule**](/u/console/notification_integrations/rule): Once your integration is linked, navigate to the **Rules** tab of the integration page. Here, you can create notification rules based on specific events or conditions. ([See the documentation](/u/console/notification_integrations/rule) for more details on creating rules.)
 
-## Available Events 
+## Available Events
 
 The following events are available for notification integrations:
 

crowdsec-docs/static/img/console/notification_integrations/webhook-destination.png

@@ -0,0 +1,60 @@
+---
+id: webhook
+title: Webhook
+---
+
+
+## Install the webhook integration
+
+Installing the webhook integration allow you to configure any webhook URL when configuring your notification rule.
+
+1. In the [CrowdSec Console](https://app.crowdsec.net), navigate to **Settings > Integrations** and then select **Activate** in the Webhook row.
+
+![](/img/console/notification_integrations/activate-webhook.png)
+
+2. You should be redirected to the Webhook integration page. You can now create a notification rule by navigating to the **Rules** tab.
+
+![](/img/console/notification_integrations/webhook-overview-tab.png)
+
+## Create a notification rule
+
+1. In the [CrowdSec Console](https://app.crowdsec.net), navigate to **Settings > Integrations > Webhook** go to the Rules tab and click on **Add rule**.
+
+2. Follow the steps in the [Create a notification rule](/u/console/notification_integrations/rule) documentation to create your rule.
+
+
+## Configure webhook
+
+### Authentication
+
+For the authentication part, the webhook integration support the following methods:
+
+ - `HTTP Header name` / `HTTP Header value` : You can provide a specific header name with a specific header value for the webhook integration to authenticate against your webhook URL
+ - [`Basic auth`](https://en.wikipedia.org/wiki/Basic_access_authentication) : You can use [`basic auth`](https://en.wikipedia.org/wiki/Basic_access_authentication) (user/password) for the webhook integration to authenticate against your webhook URL
+
+
+### Configuration
+
+You can configure your custom Webhook URL and authentication by adding a new destination in your notification rule:
+
+:::info
+
+If the HTTPs endpoint certificate is not valid, you can choose to disable SSL verification.
+
+:::
+
+![Webhook destination](/img/console/notification_integrations/webhook-destination.png)
+
+
+## Troubleshooting
+
+### Network error
+
+If you are unable to ping your webhook URL, this may be because of networking problem.
+
+The webhook integration is allowed to send HTTP request on the following port:
+
+- `80`
+- `8080`
+- `443`
+- `8443`