How can I embed a stock price widget to display a company's current stock price on a Webflow website?
TL;DR
- Choose a stock widget provider like TradingView, customize the widget with your stock symbol, and copy the embed code.
- In Webflow, drag in an Embed element, paste the code, style it responsively, and publish your site to display live stock prices.
To add a stock price widget in Webflow, you’ll need to embed a third-party widget using Webflow’s Embed element. This allows you to display real-time or near-real-time stock data from providers that offer embeddable code.
1. Choose a Stock Price Widget Provider
- Use a service that offers embedded stock widgets, such as:
- TradingView (https://www.tradingview.com/widget/)
- MarketWatch (limited embed options)
- Yahoo Finance (no official embeddable widget, but some third-party options exist)
- Alpha Vantage, IEX Cloud, or Finnhub (API-based—requires custom code)
2. Get the Embed Code
- For TradingView, go to their widget page.
- Customize the widget by entering the stock symbol (e.g., AAPL for Apple).
- Copy the generated embed iframe code.
3. Embed in Webflow
- In Webflow Designer, drag the Embed element from the Add panel into your desired location.
- Paste the iframe or