<aside> <img src="/icons/code_gray.svg" alt="/icons/code_gray.svg" width="40px" /> First Step
Go to TradingView and chose the widget you want to embed in Notion (in this example I’ll use the "Symbol Overview Widget").
Click "Get Widget" and chose your parameters and settings. Click on “Apply” to see the changes you have made.
</aside>
<aside> <img src="/icons/code_gray.svg" alt="/icons/code_gray.svg" width="40px" /> Second Step
If you want to be able to easily switch from light to dark mode use these settings:
"Transparent background""Color Theme Light"
</aside><aside> <img src="/icons/code_gray.svg" alt="/icons/code_gray.svg" width="40px" /> Third Step
Download the resource pack below:
unzip the rar and open ONLY the index file (we will use only this one, but don’t delete the others, and don’t change the name), right click, open with notes. Copy the code from TradingView and paste it TWO times (if you want both dark and light mode) into the index file, between:
<!-- TradingView Widget BEGIN -->
`"Put the code here"`
<!-- TradingView Widget END -->
Now the most important part.
Add the tag id=”light” (or dark) at the end of the first code line. And be sure to change the key-value of the “colorTheme”: “light”. They must be equal!
id=”light”
“colorTheme”: “light”
</aside>
<aside> <img src="/icons/code_gray.svg" alt="/icons/code_gray.svg" width="40px" /> Forth Step
Great! Save, close the file and open it in your browser. Now you will be able to see your widget. It’s time to host it.
I suggest you to use Netlify, why? It’s free and easy to use:
