Live Price Ticker Card Widget
Compact price cards that show what matters — current price, daily change, and percentage movement. Each card pulls live data so your visitors always see up-to-date numbers. Add as many symbols as you need, toggle metrics on or off, and switch between light and dark themes.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
Search and select symbols. Drag to reorder. Max 10 symbols.
Drag to reorder. Select up to 4 metrics. Inline template supports max 3.
Where the link opens when clicked.
Enter a URL and click the buttons below to insert placeholders.
Make items clickable. When enabled, each item links to its detail page or a custom URL.
Turn off all price change animations. Useful for static displays or performance-sensitive pages.
When enabled, the entire price flashes on change. When disabled, only the changed digits are highlighted.
Flash the background color (green/red) when price changes, in addition to text color animation.
How long the color highlight stays visible after a price change. Value in milliseconds (e.g., 1500 = 1.5 seconds).
Remove the widget background color so it blends with your page.
What Are Ticker Cards?
Unlike a scrolling tape, ticker cards sit in a fixed grid on your page. Each card displays one asset — its name, live price, absolute change, and percentage change. The layout is compact enough to fit in a sidebar or wide enough to span a full-width section. Visitors see every number at once without waiting for a scroll cycle.
Key Features
- Multi-market support — stocks, crypto, and forex pairs in the same widget.
- Toggle metrics — show or hide price change, percentage, volume, or high/low as needed.
- Responsive grid — cards reflow automatically based on screen size and container width.
- Themes — light and dark modes to match your site without custom styling.
- Zero-latency loading — skeleton placeholders appear instantly while data loads in the background.
Setting Up Ticker Cards
Pick the assets you want to display — each one gets its own card. Toggle which metrics appear (price change, percentage, high/low) and select light or dark mode. The live preview reflects every change instantly. Once you're satisfied, grab the generated snippet and paste it into your HTML. The script is async and self-contained, so it won't slow down your page or conflict with existing code.
Runs on Elementor (HTML widget), Ghost (code injection), Shopify (Online Store theme editor), Squarespace, WordPress, Webflow, Wix, and plain HTML files. No server config or API registration required.
Where to Use It
Place ticker cards in your blog sidebar to keep price data visible while readers scroll through articles. Add them to a portfolio dashboard so users can track their watchlist. Use them on landing pages to show market credibility. Anywhere you want structured, at-a-glance price data instead of a scrolling feed — these cards are the better fit.