How to Broadcast Trello Updates to Slack with Pipedream

Dashboard > New > Workflow

Create New Pipedream Workflow

Log into pipedream.com and click the blue 'New' button in the top navigation. Select 'Workflow' from the dropdown menu. You'll land on the workflow builder with an empty trigger step ready to configure.

1. 1Click the blue 'New' button in top navigation
2. 2Select 'Workflow' from the dropdown
3. 3Name your workflow 'Trello to Slack Broadcaster'

Workflow > trigger > Apps

Add Trello Webhook Trigger

Click the trigger step and search for 'Trello' in the app selector. Choose 'New Card Activity (Instant)' which fires on card moves, comments, and updates. This creates a dedicated webhook URL that Trello will call.

1. 1Click the empty trigger step
2. 2Search for 'Trello' in the app list
3. 3Select 'New Card Activity (Instant)' trigger
4. 4Click 'Save and continue'

trigger > Connect Account

Connect Trello Account

Click 'Connect Trello Account' and authorize Pipedream to read your boards and cards. You'll be redirected to Trello's OAuth screen to grant permissions. After authorization, you'll return to Pipedream with your account connected.

1. 1Click 'Connect Trello Account'
2. 2Click 'Allow' on Trello's permission screen
3. 3Wait for redirect back to Pipedream
4. 4Verify your Trello username appears in the account dropdown

trigger > Board > Lists

Select Board and Configure Webhook

Choose which Trello board to monitor from the dropdown. Select the specific lists you want to track - you can monitor all lists or just specific ones like 'In Progress' and 'Done'. The webhook will register automatically with Trello.

1. 1Select your target board from the 'Board' dropdown
2. 2Choose 'All Lists' or select specific lists to monitor
3. 3Check 'Card moves between lists' and 'New comments'
4. 4Click 'Save and continue'

Workflow > + > Code > Node.js

Add Node.js Code Step for Message Formatting

Click the '+' button below the trigger to add a new step. Search for 'Code' and select 'Run Node.js code'. This step will format the Trello data into a readable Slack message with card details, member info, and action type.

1. 1Click the '+' button below trigger step
2. 2Search for 'Code' in the apps list
3. 3Select 'Run Node.js code'
4. 4Name the step 'Format Slack Message'

This code handles multiple Trello action types and formats them into readable Slack messages with appropriate emojis. Paste it into the Node.js code step to replace the default template.

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

export default defineComponent({
  async run({ steps, $ }) {
    const { action, model } = steps.trigger.event;
    const card = model || action.data.card;
    const member = action.memberCreator?.fullName || 'Unknown';
    
    let message = '';
    let emoji = '';
    
    if (action.type === 'updateCard' && action.data.listAfter) {
      // Card moved between lists
      const fromList = action.data.listBefore?.name;
      const toList = action.data.listAfter?.name;
      emoji = toList.toLowerCase().includes('done') ? '✅' : '🔄';
      message = `${emoji} ${member} moved **${card.name}** from ${fromList} → ${toList}`;
    } else if (action.type === 'commentCard') {
      // New comment added
      emoji = '💬';
      const comment = action.data.text.substring(0, 200);
      message = `${emoji} ${member} commented on **${card.name}**: "${comment}"`;
    } else {
      // Other actions (member added, due date changed, etc.)
      emoji = '📝';
      message = `${emoji} ${member} updated **${card.name}**`;
    }
    
    const boardName = action.data.board?.name || 'Unknown Board';
    const channelMap = {
      'Development Sprint': '#dev-updates',
      'Client Projects': '#client-work',
      'Marketing Tasks': '#marketing-updates'
    };
    
    const targetChannel = channelMap[boardName] || '#general-updates';
    
    return {
      text: message,
      channel: targetChannel,
      card_url: card.shortUrl,
      board: boardName,
      timestamp: action.date
    };
  }
});

Code Step > Editor

Write Message Formatting Logic

Replace the default code with logic to parse the Trello webhook payload. The code extracts card name, action type, member who made the change, and formats it into a structured Slack message with appropriate emoji and formatting.

1. 1Clear the default code in the editor
2. 2Paste the message formatting code
3. 3Click 'Test' to validate syntax
4. 4Click 'Save and continue'

Workflow > + > Slack > Send Message

Add Slack Send Message Step

Add another step and search for 'Slack'. Select 'Send Message to Channel' action. This will post your formatted message to the specified Slack channel with the card details and action information.

1. 1Click '+' below the code step
2. 2Search for 'Slack' in apps
3. 3Select 'Send Message to Channel'
4. 4Name it 'Post to Slack Channel'

Slack Step > Account > Channel

Connect Slack Account and Configure Channel

Click 'Connect Slack Account' and authorize Pipedream to post messages. Select the target channel from the dropdown - you can choose any public channel or private channel where the bot has access. Map the formatted message from the previous step.

1. 1Click 'Connect Slack Account'
2. 2Authorize Pipedream in Slack workspace
3. 3Select target channel from dropdown
4. 4Map 'text' field to the formatted message from code step

Trello Board > Move Card

Test the Complete Workflow

Move a card between lists in your selected Trello board or add a comment to trigger the webhook. The workflow should execute within 10 seconds and post a formatted message to your Slack channel with card details and action information.

1. 1Go to your monitored Trello board
2. 2Move a test card to a different list
3. 3Check Pipedream workflow executions tab
4. 4Verify message appears in Slack channel

Code Step > Add Routing Logic

Configure Channel Routing Rules

Add conditional logic to route different boards or card types to specific channels. Modify the code step to check board names or card labels and send to appropriate channels like #dev-updates or #client-work based on the context.

1. 1Edit the formatting code step
2. 2Add if/else logic for board-based routing
3. 3Update Slack step to use dynamic channel selection
4. 4Test with cards from different boards