How to Send ClickUp Comment Notifications to Slack with Pipedream

Workflows > New

Create new Pipedream workflow

Go to pipedream.com and click Workflows in the left sidebar. Click the green New button in the top right. You'll see a blank workflow canvas with a trigger step waiting to be configured. This is where we'll connect ClickUp's webhook system.

1. 1Click Workflows in the left navigation
2. 2Click the green New button
3. 3Click on the trigger step in the canvas

Trigger > Search Apps > ClickUp

Add ClickUp webhook trigger

In the trigger panel, search for ClickUp and select it. Choose New Task Comment from the event list. Pipedream will generate a unique webhook URL that ClickUp will send comment data to. Copy this URL - you'll need it for ClickUp configuration.

1. 1Type 'ClickUp' in the app search box
2. 2Select ClickUp from the results
3. 3Choose 'New Task Comment' from the event dropdown
4. 4Copy the webhook URL that appears

Trigger > Connect Account

Connect ClickUp account

Click Connect Account in the trigger step. A popup will ask for your ClickUp credentials. Sign in with the account that has admin access to the workspace where you want to monitor comments. Pipedream needs this to verify webhook authenticity.

1. 1Click the Connect Account button
2. 2Sign in with your ClickUp admin account
3. 3Allow Pipedream access when prompted
4. 4Wait for the green Connected status

ClickUp Settings > Integrations > Webhooks

Configure ClickUp webhook

Open ClickUp in a new tab and go to your workspace settings. Navigate to Integrations, then Webhooks. Click Add Webhook and paste the Pipedream URL you copied. Set the event to Task Comment Posted and choose which spaces to monitor. Most teams monitor all spaces to avoid missing comments.

1. 1Go to ClickUp Settings (gear icon)
2. 2Click Integrations in the left menu
3. 3Select Webhooks tab
4. 4Click Add Webhook
5. 5Paste your Pipedream webhook URL
6. 6Check 'Task Comment Posted' event
7. 7Select spaces to monitor

Pipedream Workflow > Trigger Step

Test the ClickUp trigger

Add a test comment to any task in the monitored ClickUp spaces. Go back to Pipedream and click the trigger step - you should see the comment data appear in the test panel. This confirms ClickUp is successfully sending webhook data to Pipedream.

1. 1Add a comment to any ClickUp task
2. 2Return to your Pipedream workflow
3. 3Click on the trigger step
4. 4Wait 10-15 seconds for data to appear

Workflow > + > Slack

Add Slack action step

Click the + button below your trigger to add a new step. Search for Slack and select it. Choose Send Message to Channel from the actions list. This action will post the formatted comment notification to your chosen Slack channel.

1. 1Click the + button below the trigger step
2. 2Search for 'Slack' in the app list
3. 3Select Slack from the results
4. 4Choose 'Send Message to Channel'

Slack Step > Connect Account

Connect Slack account

Click Connect Account in the Slack step. Authorize Pipedream to access your Slack workspace. Make sure you're signed into the correct Slack workspace before authorizing. Pipedream needs permissions to post messages and read channel lists.

1. 1Click Connect Account in the Slack step
2. 2Choose your Slack workspace
3. 3Click Allow on the permission screen
4. 4Wait for connection confirmation

Slack Step > Channel

Configure Slack channel

Select the destination channel from the dropdown. Most teams create a dedicated channel like #clickup-comments or use existing project channels. The channel must be public or you need to invite the Pipedream bot first.

1. 1Click the Channel dropdown
2. 2Select your target channel
3. 3If channel isn't listed, make it public or invite @pipedream

Slack Step > Message

Format the notification message

Click in the Message field and build your notification template. Use the trigger data to pull in comment text, task name, commenter name, and task URL. A good format: 'New comment on [task_name] by [user_name]: [comment_text] - [task_url]'. Reference the trigger step data using the $ syntax.

1. 1Click in the Message text box
2. 2Add static text like 'New comment on'
3. 3Insert trigger data using the data selector
4. 4Format with emojis or Slack markdown for readability

Workflow > Deploy

Test the complete workflow

Click Deploy in the top right to activate your workflow. Add another test comment to a ClickUp task and check your Slack channel. The notification should appear within 30 seconds with the comment details properly formatted.

1. 1Click the Deploy button
2. 2Wait for deployment confirmation
3. 3Add a test comment in ClickUp
4. 4Check your Slack channel for the notification

Add this Node.js code step between the ClickUp trigger and Slack action to filter out automated comments and format @mentions properly for Slack.

export default defineComponent({
  async run({ steps, $ }) {
    const comment = steps.trigger.event;

export default defineComponent({
  async run({ steps, $ }) {
    const comment = steps.trigger.event;
    
    // Skip automated comments from bots
    if (comment.user.username.includes('bot') || 
        comment.text.startsWith('Automated')) {
      $.flow.exit('Skipping automated comment');
    }
    
    // Format ClickUp @mentions for Slack
    let formattedText = comment.text;
    const mentionRegex = /@\[(\w+\s\w+)\]/g;
    formattedText = formattedText.replace(mentionRegex, '@$1');
    
    // Truncate long comments
    if (formattedText.length > 200) {
      formattedText = formattedText.substring(0, 197) + '...';
    }
    
    // Build rich Slack message
    const slackMessage = {
      text: `💬 New comment on *${comment.task.name}*`,
      blocks: [{
        type: 'section',
        text: {
          type: 'mrkdwn',
          text: `💬 *${comment.user.name}* commented on <${comment.task.url}|${comment.task.name}>:\n> ${formattedText}`
        }
      }]
    };
    
    return slackMessage;
  }
});