From c9c8bcad577ed270f7fba4f8902e5b9283bba137 Mon Sep 17 00:00:00 2001
From: Lauryn Menard <lauryn@zulip.com>
Date: Mon, 1 Jul 2024 19:10:18 +0200
Subject: [PATCH] integration-docs: Update Front for new doc format.

Part of #29592.
---
 zerver/webhooks/front/doc.md | 40 ++++++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/zerver/webhooks/front/doc.md b/zerver/webhooks/front/doc.md
index 5298b10bde..90e2e8ece8 100644
--- a/zerver/webhooks/front/doc.md
+++ b/zerver/webhooks/front/doc.md
@@ -1,25 +1,43 @@
+# Zulip Front integration
+
 Front lets you manage all of your communication channels in one place,
 and helps your team collaborate around every message. Follow these steps
 to receive Front notifications without leaving Zulip!
 
+{start_tabs}
+
 1. {!create-channel.md!}
 
 1. {!create-an-incoming-webhook.md!}
 
-1. {!generate-integration-url.md!}
+1. {!generate-webhook-url-basic.md!}
 
-1. Go to the **Settings** page of your Front organization. Click on the
-**Integrations** tab, and enable the **Webhooks** integration. Click on
-the **Rules** tab, and add a new rule. Select the events you would like to
-be notified about. Set the URL of the target webhook to the URL
-constructed above.
+1. Go to the **Settings** page of your Front organization, and select
+   the **App store** tab. Search for the **Webhooks** integration that's
+   published by Front, and enable the app.
 
-1. Go to the **Settings** page of your Zulip organization. Click on the
-**Linkifiers** tab, and add a new linkifier. Set the pattern to
-`cnv_(?P<id>[0-9a-z]+)`. Set the URL template to
-`https://app.frontapp.com/open/cnv_{id}`. This step is necessary to map
-Front conversations to topics in Zulip.
+1. Select the **Rules** tab, and add a new shared rule. Set the **When**
+   and **If** conditions you would like to be notified about. Set **Send
+   to a Webhook** as the action, and input the URL generated above in
+   the **Target Webhook** field. Click **Save**.
+
+1. [Add a new linkifier](/help/add-a-custom-linkifier) in your Zulip
+   organization. Set the pattern to `cnv_(?P<id>[0-9a-z]+)` and the URL
+   template to `https://app.frontapp.com/open/cnv_{id}`. This step maps
+   Front conversations to topics in Zulip.
+
+{end_tabs}
 
 {!congrats.md!}
 
 ![](/static/images/integrations/front/001.png)
+
+{% if all_event_types is defined %}
+
+{!event-filtering-additional-feature.md!}
+
+{% endif %}
+
+### Related documentation
+
+{!webhooks-url-specification.md!}