Integrate with Chromatic
Integrate Chromatic into your existing tools and services with webhooks.
Slack notifications
Post a message in a designated Slack channel when a build’s status changes. Follow the instructions below to connect a Chromatic project to a Slack channel using a webhook. You can repeat this process to create webhook URLs for multiple channels.
- Sign in to Slack
- Create a new app
- From the “Basic Information” settings section, set the “App name” to “Chromatic” and “App icon” to the custom Chromatic icon found below.
- From the sidebar select “Incoming Webhooks” and toggle “Activate Incoming Webhooks” on.
- Click “Add New Webhook to Workspace” to create a new incoming webhook
- Choose the channel where you want Chromatic to post notifications and then click “Allow”.
- Copy the webhook URL. It’s formatted like this
https://hooks.slack.com/services/...
- Go to your Chromatic project and click the manage tab in the sidebar. Scroll down to “Integrations”.
- Click the “Add webhook” button in the Slack section then paste the webhook from step 7 into the input.
- 🎉 You’ll now receive notifications in your Slack channel.
Please note that Slack notifications are not posted for passed builds.
The custom icon: