How to Integrate Trello and Discord

Facebook
Twitter
LinkedIn

Introduction

Looking to make your relationship with Trello more intimate? Hopping into your DMs intimate?

Recently I had to implement a Trello notification bot to my game’s Discord server. The bot sends out an alert to our public community Discord Server whenever Team members update cards in our public Trello. This is to help better keep our followers up to date with the progress of development and internally view the team as they finish tasks.

As you can see the Bot sends out an alert when a card is moved and when a card is created. It tells who did the action, what it was, a name hyper link to the card, and the name of the list it happened in.

Take a look at how to implement this in your projects. 

Integromat

The process involves Integromat, an integration tool that makes it quick and easy to set up notifications with Discord and many platforms. 

Make an Integromat account and open up to the Scenarios tab, 

Create a new Scenario and press Skip on the next window asking which services you’d like to integrate. Integromat has templates already created for common services but there is no Discord/Trello templates as of yet.

Select the first Module and select Trello as the Service for it.

 

Select the Watch Activities Instant. This is the best option as it allows you to make custom scenarios and with instant bot reporting time for free.

You’ll need to make a new web hook now. You should have a new webhook for each scenario, so select Add on the right side.

As you can see adding a hook requires some information. Name the hook something like, CreateCardNotification. You can also fill out a description for later documentation purposes. You also need to setup a connection, a connection is how you link access to the service to Integromat, allowing it to receive notifications for your account. Finally you have watched object. This should be the object you’d like to look at for notifications (Board, List, Card).

Set up the connection, you should share the connections among different webhooks when possible, and select Save.

Example

For this example I’ll set up a notification to alert a discord channel in a server when a card has been moved into a List. I’ll also show you how to create a hyperlink in the notification.

Begin by creating a hook 

Next add a module for Discord to Post a Message. 

Set up a connection to your Discord server and register it correctly. Add garble to the content for now and select OK.

Now Save. And move a card into the target list. Ensure that everything is working and your content is sent to your discord server. Now with Integromat in the background run your notification. Now select the Discord module and content and now you can see fields filled out. You must run the notification to see these fields.

 

To make a link just add, 

[Hyperlink Text](https://trello.com/c/#. Action: Data: Card: Short Link/c/#. Action: Data: Card: Short ID

Like so,

The < > between the link force it to not allow Discord to make post a link preview, for me I disabled it but you could enable it.

Customizing the Bot

Now to customize the Discord bot to a custom profile icon and name. Right click on your server and go to the Webhooks menu.

 

Complete

Finally it’s working!

More to explore

Designing an Educational Game

A blog post covering my experience designing an educational game for 5th grade students in the US following common core standards.