Add a lightweight crypto, fiat and commodity converter to any website with one HTML tag and one CDN script. Standard embeds work without an API key and keep using familiar symbols such as BTC, ETH, USD and EUR.
Loading...
Customize Widget ⚙
The Crypto Converter Widget is a free Web Component for crypto, fiat and commodity conversion. Customers can choose from fiat currencies, commodities such as XAU, and an asset manifest with approximately 14k crypto symbols.
Data sources and compatibility
- Primary provider source: CurrencyRate.
- Primary crypto prices are powered by CoinLore, an open data source that works without an API key.
- Fiat and commodity conversion is powered by MoneyConvert, with Coinbase and OKX available as fallback providers.
- Existing symbol-based embeds keep working: use BTC, ETH, USD, EUR or XAU in the generated HTML, not provider-specific ids.
HTML Code ✅
If you are using WordPress CMS, you can install this widget as a plugin.
Generated snippets use the jsDelivr latest alias so the site can follow the current widget release from the CDN.
For Developers 🧑💻
| Attribute | Type | Default | Reactive | Description |
|---|---|---|---|---|
| base | asset symbol | BTC | ☑️ | Source asset for conversion. Examples: BTC, ETH, EUR, XAU. |
| quote | asset symbol | USD | ☑️ | Target asset used to calculate and display the converted value. |
| amount | number | 1 | ☑️ | Amount of the base asset to convert. |
| decimal | integer | 2 | ☑️ | Number of decimal places used for formatted output. |
| decimal-places | integer | 2 | ☑️ | Deprecated compatibility alias for decimal. Use decimal for new embeds. |
| locale | string | auto | ☑️ | Locale of widget. Examples: en, de-DE, uk-UA. |
| symbol | boolean | false | ☑️ | Currency symbol ($). |
| shadow | boolean | false | ☑️ | Shadow of widget. |
| rounded | boolean | true | ☑️ | Rounded of widget. |
| border | boolean | true | ☑️ | Border of widget. |
| background-color | string | ☑️ | Custom background color. Examples: #8E2DE2 or rgb(20 20 20). | |
| background | string | ☑️ | Full CSS background value, including gradients. | |
| stat | boolean | false | ☑️ | Shows supported 24h market movement data when available. |
| indicator | high | low | open | ☑️ | Legacy stat indicator used only when the active provider supplies that value. | |
| tax | number | 0 | ☑️ | Additional percentage adjustment for fees, markup or tax scenarios. |
| theme | string | auto | ☑️ | Theme of widget. |
| name | string | ☑️ | Optional display or integration label for generated embed flows. | |
| api-key | string | ☑️ | Optional key for legacy provider fallback paths. Standard usage does not require it. |