Get statered here!

Monetising your first Trello Power-Up

In the following guide we will show you how to put together a basic Power-Up using our Github Template, and then integrate it with Salable.

For this example we have put together a basic Trello Power-Up called "Delete Card".
This example is totally configurable so youcan build whatever Power-Up upi are thinking of and monetise it however you want.

To get the most out of this guide you'll need some familiarity with the basics of Trello Power-Up development and integration. If you’re not there yet, we suggest starting here.

Animated Trello board showing three columns labeled To Do, Doing, and Done, with cards being added and moved between columns.

Step #1

Create a Salable account

Create a free Salable account if you don't already have one.

Step #2

Create an API Key

From the settings section of the Salable dashboard create a new API Key.

Settings page showing API Keys tab with two keys named Main and Testing, both dated 01 June 2023, and a button to create a new API key.

Step #2b

Skip this step if you intend on making a free Trello Power-Up

Add Payment Integration

From the settings section of the Salable dashboard create a new payment integration.

Step #3

Clone the Github repo

You can find it here.

Step #4

Add environment variables

Replace the API key on line 20 of js/client.js with your Salable API key.

JavaScript code snippet showing an asynchronous fetch call to 'https://api.salable.app/licenses/granteeId/${context.member}' with headers including an API key placeholder.

Add your Salable API key and product UUID to the pricing.html config.

JavaScript code snippet initializing SalablePricingTable with product UUID, API key, URLs for success and cancellation, theme set to light, and member information.

Add your Trello API key to the script in index.html.

Code snippet showing a script tag loading Trello client.js with an API key placeholder.

Step #5

Build your Power-Up!

Get to it my friend!

Step #6

Create a Product

Back in the Salable backend, create a new product. You can call this whatever you want.

Step #7

Create capability

Add a "Delete" capability to the product you just created.

User interface showing a product settings page with tabs for General Settings, Capabilities, Features, Plans, Pricing Tables, Licenses and an input field to add a capability named 'Delete'.

Step #8

Create a plan

Create a plan and add the new capability "Delete" to it.

Create more plans if you intend to offer paid and free versions of your Trello Power-Up.

Product plan creation form with options to select capabilities, plan type, pricing, cycle, license type, evaluation, visibility, and published status.

Step #9

Start making money!

Now go integrate your new Trello Power-Up and watch the money roll in!

Easily monetise TRELLO POWER-UPS