How to Send Basecamp Updates to Slack with Pipedream

Workflows > New

Create new Pipedream workflow

Go to pipedream.com and sign in to your account. Click the green 'New' button in the top right corner of the Workflows page. You'll see the workflow builder with an empty trigger step at the top. This is where you'll configure the Basecamp webhook receiver.

1. 1Click 'New' in the top right corner
2. 2Select 'HTTP/Webhook Requests' as your trigger source
3. 3Choose 'New HTTP Request' from the trigger options
4. 4Copy the generated webhook URL that appears

Basecamp Project > Settings > Webhooks

Configure Basecamp webhook settings

In Basecamp, navigate to the specific project you want to monitor. Click the gear icon to access project settings, then find the Webhooks section. You'll need admin access to the project to see this option. The webhook will send real-time notifications for all activity in this project.

1. 1Click the gear icon in your Basecamp project
2. 2Select 'Set up webhooks' from the menu
3. 3Click 'Add webhook' button
4. 4Paste your Pipedream webhook URL
5. 5Select events: 'Todo completed', 'Milestone completed', 'Message posted'

Workflow > + Add Step > Slack

Add Slack connection step

Back in Pipedream, click the plus icon below your trigger step to add a new action. Search for 'Slack' in the app directory and select it. Choose 'Send Message to Channel' as your action type. You'll need to authenticate with a Slack workspace where you have permission to post messages.

1. 1Click the '+' icon below the webhook trigger
2. 2Type 'Slack' in the search box
3. 3Select 'Send Message to Channel'
4. 4Click 'Connect Account' and authorize Slack access

Slack Step > Configuration

Map Basecamp data to Slack message

Now you'll configure which Slack channel receives notifications and format the message content. Use the 'Channel' dropdown to select your target channel. In the 'Text' field, you'll reference data from the Basecamp webhook using Pipedream's data mapping syntax. The webhook payload includes project name, person who made the change, and details about what happened.

1. 1Select your target channel from the Channel dropdown
2. 2In the Text field, click 'Use custom expression'
3. 3Reference webhook data like {{steps.trigger.event.recording.title}}
4. 4Add person name with {{steps.trigger.event.creator.name}}
5. 5Include project context with {{steps.trigger.event.bucket.name}}

Workflow > + Add Step > Node.js

Add conditional logic for event types

Insert a Node.js code step between your trigger and Slack action to filter and format different types of Basecamp events. This prevents spam and ensures each notification type gets appropriate messaging. You'll write JavaScript that checks the event type and sets custom message formatting for todos, milestones, and messages.

1. 1Click '+' above your Slack step to insert a new action
2. 2Select 'Run Node.js Code'
3. 3Write conditional logic to check steps.trigger.event.kind
4. 4Format different messages for 'todo_completed', 'milestone_completed', 'message_created'
5. 5Export the formatted message using return {message: formattedText}

Slack Step > Text Configuration

Update Slack step to use formatted message

Modify your Slack action to reference the output from your Node.js code step instead of raw webhook data. Change the Text field to pull from your code step's return value. This gives you clean, readable notifications instead of raw JSON data. You can also add emoji and formatting here.

1. 1Click in the Text field of your Slack step
2. 2Delete the previous webhook references
3. 3Type {{steps.nodejs.return.message}} to use your formatted text
4. 4Add emoji like :white_check_mark: for completed items
5. 5Test the expression to verify it shows formatted output

Basecamp Project > Complete Task

Test with real Basecamp activity

Generate a test event in Basecamp by completing a task or posting a message in your monitored project. Watch the Pipedream workflow execution log to see the webhook fire and data flow through each step. Check your Slack channel to confirm the notification appears with proper formatting.

1. 1Go to your Basecamp project and complete a to-do item
2. 2Return to Pipedream and check the workflow's execution history
3. 3Click the latest execution to see data flow through each step
4. 4Verify the Slack notification appeared in your target channel
5. 5Check message formatting and content accuracy

Workflow > + Add Step > Node.js

Configure error handling and retries

Add error handling to your workflow in case Slack is down or rate limits kick in. Insert another Node.js code step that catches failed Slack API calls and implements exponential backoff retry logic. This prevents lost notifications during temporary service issues.

1. 1Add a Node.js step after your Slack action
2. 2Write try/catch logic around the Slack API call
3. 3Implement $.respond() for webhook acknowledgment
4. 4Add retry logic with setTimeout for failed attempts
5. 5Log errors using console.log for debugging

Workflows > Duplicate

Set up additional project monitoring

Copy your workflow to monitor other Basecamp projects by duplicating the entire workflow and changing the webhook URL. Each project needs its own webhook configuration in Basecamp. Alternatively, modify your existing workflow to handle multiple projects by checking the bucket.name property in your conditional logic.

1. 1Click the three dots menu on your workflow
2. 2Select 'Duplicate workflow'
3. 3Rename the new workflow with the project name
4. 4Generate a new webhook URL from the trigger
5. 5Configure the webhook in your second Basecamp project

This code step filters Basecamp events and formats Slack messages with appropriate emoji and context. Paste it between your webhook trigger and Slack action to handle different event types cleanly.

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

export default defineComponent({
  async run({ steps, $ }) {
    const event = steps.trigger.event;
    const eventKind = event.kind;
    const creator = event.creator.name;
    const project = event.bucket.name;
    const title = event.recording.title;
    const url = event.recording.url;
    
    let emoji = ':information_source:';
    let action = 'updated';
    
    switch(eventKind) {
      case 'todo_completed':
        emoji = ':white_check_mark:';
        action = 'completed';
        break;
      case 'milestone_completed':
        emoji = ':trophy:';
        action = 'completed milestone';
        break;
      case 'message_created':
        emoji = ':speech_balloon:';
        action = 'posted';
        break;
      case 'document_updated':
        emoji = ':memo:';
        action = 'updated document';
        break;
    }
    
    const message = `${emoji} ${creator} ${action}: ${title} in ${project} project`;
    
    return {
      message: message,
      url: url,
      project: project,
      should_notify: true
    };
  }
});