Add slack to workflows docs (#13372)

contents/docs/product-analytics/subscriptions.mdx

@@ -9,6 +9,9 @@ availability:
             scale: true
             enterprise: true
 ---
+import AddSlackToWorkspace from '../workflows/_snippets/add-posthog-to-slack-workspace.mdx'
+import AddSlackToChannel from '../workflows/_snippets/add-posthog-to-slack-channel.mdx'
+
 export const newSubscriptionLight = "https://res.cloudinary.com/dmukukwp6/image/upload/v1710055416/posthog.com/contents/images/features/subscriptions/new-subscription-button-light-mode.png"
 export const newSubscriptionDark = "https://res.cloudinary.com/dmukukwp6/image/upload/v1710055416/posthog.com/contents/images/features/subscriptions/new-subscription-button-dark-mode.png"
 export const slackSubsLight = "https://res.cloudinary.com/dmukukwp6/image/upload/slack_config_light_b5a1c93ad5.png"
@@ -53,25 +56,11 @@ There are three steps to setting up a Slack subscription:
 
 ### 1. Adding the PostHog Slack app to your workspace
 
-Starting in PostHog, you can add the PostHog Slack app to your workspace in the subscription set up modal or in [your project settings](https://app.posthog.com/settings/project#integration-slack).
-
-<ProductScreenshot
-    imageLight = "https://res.cloudinary.com/dmukukwp6/image/upload/allow_slack_bb68272218.png" 
-    imageDark = "https://res.cloudinary.com/dmukukwp6/image/upload/allow_slack_bb68272218.png"
-    classes="rounded"
-    alt="Allow PostHog Slack app permissions"
-/>
-
-The PostHog Slack app will require some basic permissions which you can grant by clicking the **Allow** button.
+<AddSlackToWorkspace/>
 
 ### 2. Adding the PostHog Slack app to specific channels
 
-Then, head to **Slack** and add PostHog to **specific Slack channels**. To do this:
-
-1. In the Slack [channel header](https://slack.com/help/articles/360059928654-How-to-use-Slack--your-quick-start-guide#channels), click the top right menu and click **Open channel details**
-2. Navigate to the **Integrations** tab
-3. Click the **Add an app** button
-4. Under **In your workspace**, click **PostHog**
+<AddSlackToChannel/>
 
 ### 3. Creating a new Slack subscription in PostHog
 

contents/docs/workflows/_snippets/add-posthog-to-slack-channel.mdx

@@ -0,0 +1,6 @@
+Then, head to **Slack** and add PostHog to **specific Slack channels**. To do this:
+
+1. In the Slack [channel header](https://slack.com/help/articles/360059928654-How-to-use-Slack--your-quick-start-guide#channels), click the top right menu and click **Open channel details**
+2. Navigate to the **Integrations** tab
+3. Click the **Add an app** button
+4. Under **In your workspace**, click **PostHog**

contents/docs/workflows/_snippets/add-posthog-to-slack-workspace.mdx

@@ -0,0 +1,10 @@
+Starting in PostHog, you can add the PostHog Slack app to your workspace in [your project settings](https://app.posthog.com/settings/project#integration-slack).
+
+<ProductScreenshot
+    imageLight = "https://res.cloudinary.com/dmukukwp6/image/upload/allow_slack_bb68272218.png" 
+    imageDark = "https://res.cloudinary.com/dmukukwp6/image/upload/allow_slack_bb68272218.png"
+    classes="rounded"
+    alt="Allow PostHog Slack app permissions"
+/>
+
+The PostHog Slack app will require some basic permissions which you can grant by clicking the **Allow** button.

contents/docs/workflows/configure-channels.mdx

@@ -6,6 +6,9 @@ showStepsToc: true
 import Tab from "components/Tab"
 import Beta from './_snippets/beta.mdx'
 
+import AddSlackToWorkspace from './_snippets/add-posthog-to-slack-workspace.mdx'
+import AddSlackToChannel from './_snippets/add-posthog-to-slack-channel.mdx'
+
 <Beta />
 
 <Steps>
@@ -62,7 +65,11 @@ Once verified, you'll see a green check mark in your settings.
 </Tab.Panel>
 <Tab.Panel>
 
-> Slack support is coming soon. If there are other channels you'd like to see supported, please [let us know](https://app.posthog.com/workflows#panel=support).
+A Slack connection enables you to deliver messages to a Slack channel. 
+
+<AddSlackToWorkspace/>
+
+<AddSlackToChannel/>
 
 </Tab.Panel>
 <Tab.Panel>

contents/docs/workflows/launch-workflow.mdx

@@ -67,12 +67,12 @@ Now that we have a trigger that can initiate the workflow, we need to add an Dis
 
 <Tab.Group tabs={[
 'Email', 
-'Twilio', 
+'Slack', 
 'Webhook']}>
 <Tab.List>
 <Tab>Email</Tab>
+<Tab>Slack</Tab>
 <Tab>Twilio</Tab>
-<Tab>Webhook</Tab>
 </Tab.List>
 <Tab.Panels>
 <Tab.Panel>
@@ -103,6 +103,20 @@ The email template has access to event and person properties of the trigger even
 </Tab.Panel>
 <Tab.Panel>
 
+Drag a **Slack** dispatch beneath the trigger, into the workflow. Then, click on the Slack block to configure it.
+
+In the Slack step, you'll need to configure the following:
+
+- **Slack workspace**: Select the Slack workspace you connected to when you configured your Slack workflow channel.
+- **Channel to post to**: This is the Slack channel messages will be delivered to.
+- **Emoji icon**: Optional emoji for the bot.
+- **Bot name**: Optional name for the bot.
+- **Blocks**: Optionally define [blocks](https://docs.slack.dev/block-kit/) to compose your message.
+- **Plain text message**: The content of your Slack message. You can use templating variables like `{{ event.event }}` to include event properties in the message.
+
+</Tab.Panel>
+<Tab.Panel>
+
 Drag a **SMS** dispatch beneath the trigger, into the workflow. Then, click on the SMS block to configure it.
 
 In the SMS step, you'll need to configure the following:
@@ -114,11 +128,6 @@ In the SMS step, you'll need to configure the following:
 | **Recipient phone number** | The recipient's number. If your workflow is triggered by an identified event, use `{{ person.properties.phone }}` to reference it from [person properties](/docs/product-analytics/person-properties). |
 | **Message**            | The content of your SMS message. You can use templating variables like `{{ event.event }}` to include event properties in the message.                |
 
-</Tab.Panel>
-<Tab.Panel>
-
-> Webhook support is coming soon. If there are other channels you'd like to see supported, please [let us know](https://app.posthog.com/workflows#panel=support).
-
 </Tab.Panel>
 </Tab.Panels>
 </Tab.Group>