integration-docs: Update Front for new doc format.

Part of #29592.

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
+1. Go to the **Settings** page of your Front organization, and select
-**Integrations** tab, and enable the **Webhooks** integration. Click on
+   the **App store** tab. Search for the **Webhooks** integration that's
-the **Rules** tab, and add a new rule. Select the events you would like to
+   published by Front, and enable the app.
-be notified about. Set the URL of the target webhook to the URL
-constructed above.
 
-1. Go to the **Settings** page of your Zulip organization. Click on the
+1. Select the **Rules** tab, and add a new shared rule. Set the **When**
-**Linkifiers** tab, and add a new linkifier. Set the pattern to
+   and **If** conditions you would like to be notified about. Set **Send
-`cnv_(?P<id>[0-9a-z]+)`. Set the URL template to
+   to a Webhook** as the action, and input the URL generated above in
-`https://app.frontapp.com/open/cnv_{id}`. This step is necessary to map
+   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!}