15

Simply, I would like to get a chromeless version of a Trello board and embed it directly into the 'tasks' page of my site. I'd still have my site's header and footer around it.

I guess I could just use an iFrame, but is there a more elegant solutions to this?

Also I would like to theme it to suit the rest of the site...

Anyone knows where to start with this?

Improve this question

2 Answers 2

Reset to default
13

Sure you can. Check these links out:

Consider this as an example card:

https://trello.com/c/NIRpzVDM

You can link to a card as a photo using the following:

<img src="https://trello.com/c/NIRpzVDM.png" />

enter image description here

You could embed an iframe as follows:

<iframe src="https://trello.com/c/NIRpzVDM.html"></iframe>

You can also do a javascript that writes the card into your page:

<script src="https://trello.com/c/NIRpzVDM.js"></script>

which writes out some html using document.write("<html content>")

Another way is to request a card's JSON

https://trello.com/c/NIRpzVDM.json

All of these are available using a board as well...

https://trello.com/b/nC8QJJoZ.png
https://trello.com/b/nC8QJJoZ.html
https://trello.com/b/nC8QJJoZ.js
https://trello.com/b/nC8QJJoZ.json
Improve this answer
7
  • 7
    Can anyone verify if this still works? initial attempts in Chrome gave me GET https://trello.com/c/somecardid.png 410 (Gone) and Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'. in my console
    – StackExchange What The Heck
    Mar 18, 2016 at 22:27
  • 2
    This still works however you must use .html at the end of your board. This may change shortly, maybe, since I've just reported a vulnerability through this iframe feature so YMMV.
    – Allison
    Aug 14, 2017 at 2:04
  • 2
    Isn't it strange that the trello app supports this feature but there's no documentation about it?
    – ted.strauss
    Oct 6, 2017 at 13:45
  • Is the .png one working for anyone? Can't get an image in Safari or Chrome...
    – LinusGeffarth
    Jul 8, 2019 at 13:04
  • This seems to have stopped working. The .png returns "Gone". The trello.com/b/nC8QJJoZ.html shortcut returns some weird symbols. All others are denied due to X-Frame-Options DENY.
    – ondervloei
    Aug 30, 2019 at 15:15
6

Other than using an iframe, Trello has a REST public API that you can tap into for your site. You can theme it to match your site and have more control than simply a window into another site. You can find more information on programmableweb here: http://www.programmableweb.com/api/trello

Improve this answer
2
  • I believe this'll work, but I wish Trello lets us copy&paste some js code to embed cards/lists/boards. I'm thinking of showing for (liveditor.com/text-editor) the bugfixes and feature implementation implementation which is managed in Trello.
    – Edwin Yip
    Jul 20, 2013 at 17:59
  • Trello has a feature request board that you can post your comments to and users can vote for it to be implemented. Here's the link: trello.com/b/nC8QJJoZ/trello-development
    – Terra
    Jul 25, 2013 at 13:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.