How to Add Live Trading View Stock Market Ticker in WordPress

Want to display live stock market prices on your WordPress website? You can easily integrate a real-time ticker using TradingView widgets—no coding skills required.

This method works with both the default WordPress editor (Gutenberg) and Elementor.

Method 1: Using WordPress Block Editor (Gutenberg)

Open your page or post in WordPress
Click on “+” (Add Block)
Search and select Custom HTML block
Paste the TradingView code (provided below)
Click Update / Publish

Method 2: Using Elementor

Edit your page with Elementor
Drag and drop the HTML widget
Paste the TradingView code inside the widget
Click Update

TradingView Live Ticker Code

Copy and paste the code below wherever you want the ticker to appear (top header, footer, or inside a section):

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>

  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
  {
    "symbols": [
      {"description": "Reliance Industries", "proName": "BSE:RELIANCE"},
      {"description": "HDFC Bank", "proName": "BSE:HDFCBANK"},
      {"description": "Tata Steel", "proName": "BSE:TATASTEEL"},
      {"description": "State Bank of India", "proName": "BSE:SBIN"},
      {"description": "TCS", "proName": "BSE:TCS"},
      {"description": "Asian Paints", "proName": "BSE:ASIANPAINT"},
      {"description": "Wipro", "proName": "BSE:WIPRO"},
      {"description": "JSW Steel", "proName": "BSE:JSWSTEEL"},
      {"description": "Adani Enterprises", "proName": "BSE:ADANIENT"},
      {"description": "Axis Bank", "proName": "BSE:AXISBANK"},
      {"description": "Bajaj Finance", "proName": "BSE:BAJFINANCE"},
      {"description": "Larsen & Toubro", "proName": "BSE:LT"},
      {"description": "Polycab India", "proName": "BSE:POLYCAB"},
      {"description": "Infosys", "proName": "BSE:INFY"},
      {"description": "Kotak Bank", "proName": "BSE:KOTAKBANK"}
    ],
    "showSymbolLogo": true,
    "isTransparent": false,
    "displayMode": "compact",
    "colorTheme": "light",
    "locale": "en"
  }
  </script>
</div>
<!-- TradingView Widget END -->

Pro Tips

Place the ticker at the top of your page for better visibility
Use "colorTheme": "dark" if your website has a dark design
You can replace symbols (e.g., BSE) with NASDAQ, FOREX, or Crypto pairs
Works perfectly inside headers, footers, or sticky sections

Final Thoughts

Adding a live stock ticker using TradingView enhances your website by showing real-time financial data, improving user engagement and giving your site a more professional look.

Single blog