How can I embed a Trello board onto my website?

[Commission on Hispanic Affairs]

Would like to create an easier way for other to find our trello board on our website landing page or have an accessible link that provides an image without them having to type in another website address. Would prefer to embed our trello board onto our squarspace site.

[Michael Pryor]

We whitelist who is able to iframe the web client (trello.com) to avoid clickjacking vulnerabilities.

However you can take any public board and tack a .html after the board ID to get an iframeable version (e.g. https://trello.com/b/nC8QJJoZ.html)

See https://jsfiddle.net/a4qx0n2f/ for example

You can similarly do https://trello.com/c/Tv3Tliz2.html to embed a card

If you append a .js instead of .html it gives you a version you can embed with a <script> tag (e.g. <script src="https://trello.com/c/Tv3Tliz2.js"></script>

e.g. https://jsfiddle.net/1dv48rny/

Our share menu also gives you the HTML you could use for an embed, and that way of doing things works for cards in general, even ones that are private (see https://jsfiddle.net/7m4ngpc0/, you can only see it if you have permission to see the card)

See also https://developer.atlassian.com/cloud/trello/guides/embedding/embedding-boards/

[Michał Pilarek]

@Michael Pryor Hi,

my company is currently looking into possible options for embedding Trello boards of our customers into our website. Is there any possibility to get whitelisted? Maybe there are some requirements that have to be met in order to be whitelisted.