Once the Power-Up has started you should add it to a Trello Board so you can see it in action when you begin further development work. Follow the steps below to add it to a Trello Board.

1. Open a Trello Board and Click on ‘Power-Ups’ in the sidebar

Click on Power-Ups item in the Board Sidebar on one of your Boards.

Make sure you are an administrator of the Trello Board

2. Add your Power-Up from the Browser

Click on the ‘Custom’ item in the sidebar to filter the results to your Power-Ups.

Then, add your Power-Up from the list of custom Power-Ups:

3. Test out your Power-Up’s features

Now you should be able to interact with your Power-Up on your Board and test out the different capabilities.

The browser should automatically refresh any React components on code-level changes, provided you are running in development mode.

For example, the following is shown if you enabled card-back-section and card-buttons:

Troubleshooting

If you have trouble with the Power-Up not loading correctly in Trello, make sure you have the Developer Tools open in your web browser (e.g. Chrome: Right-Click on Website → Inspect → Console), as this may help you identify any problems.

Next Steps

Congratulations! Your Power-Up is up and running on a Trello Board.

Are you ready to begin enhancing its features?