By default, the chart will be in dark mode, with the selected token’s accent color (if available), and will show it’s price vs USD.
The iframe is completely free to use and is easy to integrate with one line of code.
<iframe src="https://kek.tools/t/0x3fa400483487a489ec9b1db29c4129063eec4654/chart" width="100%" height="650px" frameborder="0" scrolling="no" align="center"> </iframe>
<iframe src="https://kek.tools/t/0x3fa400483487a489ec9b1db29c4129063eec4654/chart?theme=light" width="100%" height="650px" frameborder="0" scrolling="no" align="center"> </iframe>
Light charts you should add on ?theme=light at the end.
Of course, you need to replace SRC="YOUR_TOKEN_URL_HERE"
with your token contract of choice.
For example https://kek.tools/t/0x6b3595068778dd592e39a122f4f5a5cf09c90fe2/chart?theme=light
<iframe src="https://kek.tools/t/0x1f9840a85d5af5bf1d1762f925bdaddc4201f984/chart?theme=light" width="100%" height="650px" frameborder="0" scrolling="no" align="center"> </iframe>
Additional iframe parameters
Show price vs native currency (in this case FTM): https://kek.tools/t/spookytoken/chart?currencyType=native
Disable the accent color plus a light theme: https://kek.tools/t/spookytoken/chart?accent=off&theme=light
Custom accent color: https://kek.tools/t/spookytoken/chart?accent=ff00ff
Feel free to mess around with the width, height, colors, and so on. Want to learn how to use iframes fully? Read this section on W3schools.
Pretty Token URLS
Most tokens work simply by adding the token ticker into the URL.
In the above example “additional iframe parameters” you might have noticed “Spookytoken” in the URL itself.
Instead of using https://kek.tools/t/0x841fad6eae12c286d1fd18d1d525dffa75c7effe you can use https://kek.tools/t/spookytoken
Another example: https://kek.tools/t/sushi and the shortest form kek.tools/t/sushi
This feature “best guesses” and we encourage you to test the pretty URL before sharing.