Currency Cross Rates — Live Matrix
A matrix-style table where every cell shows the live exchange rate between two currencies. Rows and columns are fully configurable — pick the majors your audience follows or add exotics for broader coverage.
Sign up for free, add your website domain, and paste the embed code above into your HTML. Your widget will activate automatically.
Create custom preset tabs. Each group loads data from the exchange selected when the group was created. Drag to reorder tabs and currencies. The active (selected) tab will be the default preset.
Save user selections (preset, time period) in browser localStorage so they persist across page reloads.
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).
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.
Remove the widget background color so it blends with your page.
How the Cross Rates Matrix Works
The matrix shows exchange rates between every combination of your selected currencies. Rows represent base currencies, columns represent quote currencies, and each cell displays the live rate between them. If you select USD, EUR, GBP, and JPY, you get a 4x4 grid covering all 12 cross combinations — updated automatically as rates change.
Key Features
- Custom currency selection — choose which currencies appear in rows and columns.
- Decimal precision control — set 2, 4, or 5 decimal places depending on the pairs.
- Auto-refresh — rates update periodically without requiring page reloads.
- Color-coded changes — cells highlight when rates move up or down.
- Compact design — fits into sidebars, dashboards, and full-width sections equally well.
Adding the Matrix to Your Page
Start by selecting which currencies belong in your matrix — the defaults cover G8 majors, but you can swap in SGD, HKD, or any pair your audience tracks. Adjust decimal precision (2 decimals for JPY crosses, 4-5 for most others). Preview updates instantly. When the grid looks right, copy the code and paste it into your site. One custom element tag, one script — nothing else needed.
Works inside Squarespace code blocks, Wix HTML widgets, WordPress (Gutenberg or Classic Editor), Webflow embed components, Shopify theme files, and hand-coded HTML pages.
Where It Fits Best
Forex broker sites display cross rates tables on every page so traders have reference rates without opening a separate tool. Currency exchange businesses embed the matrix on their rate pages for transparency. Financial news sites pair the table with daily FX commentary so readers can cross-reference analysis with live numbers. If your audience compares exchange rates across multiple currencies, this matrix saves them from checking each pair individually.