Widgets de tasas en tiempo real
y calculadora flotante para tu web
Pega un <script> y listo: monitor de dolares, crypto y calculadora flotante, todos firmados con el logo de DolarFlow y enlace a dolarflow.com. Sin claves de API, sin registro, sin publicidad.
El botón flotante ★ destacado
Un botón con el logo de DolarFlow se fija en la esquina de la página. Al hacer click, se despliega un panel elegante con solo la calculadora: conversiones USD⇄BS (oficial y paralelo), EUR⇄BS, COP⇄BS/USD, expresiones+y−, pegado desde el portapapeles, chips rápidos y copiado con un click. Sin tarjetas de precios. Sin publicidad. Nada.
<!-- Botón flotante: abre SOLO la calculadora (sin precios, sin ads) -->
<script
src="https://dolarflow.com/widgets.js"
data-widget="calculadora"
data-layout="floating"
data-theme="dark"
data-position="bottom-right"
data-label="Calculadora DolarFlow"
async
></script>
DolarFlowdolarflow.comCalculadora DolarFlowWidgets de tablas de precios
Cada tabla que ves en dolarflow.com tiene su propio widget, en dos modelos: pill (píldora compacta) y card (tarjeta con gráfico de 7 días y variaciones). Todos se auto-actualizan solos y muestran el logo + dolarflow.com.
Snippets listos
<!-- Píldoras en vivo (paralelo, oficial, euro, btc...) -->
<div data-dolarflow-widget="paralelo" data-model="pill" data-theme="dark"></div>
<div data-dolarflow-widget="oficial" data-model="pill" data-theme="dark"></div>
<script src="https://dolarflow.com/widgets.js" async></script><!-- Tarjeta con gráfico de 7 días y variación 24h/7d/1m -->
<div data-dolarflow-widget="paralelo" data-model="card" data-theme="dark" data-bg="transparent"></div>
<script src="https://dolarflow.com/widgets.js" async></script><!-- Tabla completa de mercados (BCV, P2P, Euro, COP, BTC, ETH) -->
<div data-dolarflow-widget="board" data-theme="dark"></div>
<script src="https://dolarflow.com/widgets.js" async></script><!-- Tema claro (ideal para webs claras) -->
<div data-dolarflow-widget="euro" data-model="pill" data-theme="light"></div>
<script src="https://dolarflow.com/widgets.js" async></script>Calculadora embebida
<!-- Calculadora embebida dentro del contenido -->
<div data-dolarflow-widget="calculadora" data-theme="dark"></div>
<script src="https://dolarflow.com/widgets.js" async></script>Todos los widgets disponibles
Calculadora completa: USD⇄BS, EUR⇄BS, COP, tasas propias, expresiones +/− y copiado.
Dólar paralelo P2P (Binance + Bybit) en tiempo real.
Dólar oficial BCV con historial y variaciones.
Euro oficial BCV.
Peso colombiano (COP/USD).
Bitcoin en USD.
Ethereum en USD.
Brecha cambiaria entre oficial y paralelo.
Tabla combinada de todos los mercados.
Parámetros de configuración
| Atributo | Valores | Descripción |
|---|---|---|
| data-widget | calculadora · oficial · paralelo · euro · cop · btc · eth · brecha · board | Widget a mostrar (en <script> define el flotante; en un <div> crea uno inline). |
| data-layout | floating · inline · both · auto | Solo en el <script>: floating instala el botón flotante; auto decide. |
| data-model | pill · card | Modelo del widget de tasas: píldora compacta o tarjeta con gráfico. |
| data-theme | dark · light · auto | Tema visual (auto respeta el sistema del visitante). |
| data-position | bottom-right · bottom-left | Esquina del botón flotante. |
| data-label | Texto libre | Etiqueta del botón flotante al pasar el mouse. |
| data-bg | solid · transparent | Fondo sólido glassmorphism o fusión con tu web (en <div>). |
Nota: en un mismo sitio puedes combinar cualquier cantidad de widgets inline + el botón flotante. Si tu web tiene CSP estricta, agrega script-src https://dolarflow.com; frame-src https://dolarflow.com.
Branding: cada widget lleva la firma DolarFlow
Por diseño, todos los widgets incluyen el logo oficial de DolarFlow y el enlace a dolarflow.com. Así tus visitantes saben que los datos son confiables y actualizados, y tú los usas gratis. Quitar la firma está reservado para marcas aliadas — ¡escríbenos si te interesa!
Preguntas rápidas
¿Son gratis?+
100% gratis, sin claves ni límites prácticos. Solo requerimos conservar el branding DolarFlow.
¿Cada cuánto se actualizan?+
El widget consulta el mismo motor de dolarflow.com y refresca automáticamente cada pocos minutos (cuando la pestaña está visible). El paralelo P2P se actualiza en tiempo real; el BCV según publicación oficial.
¿El botón flotante ralentiza mi web?+
No. Carga async (~9 KB gzip), el panel solo se inicializa al abrirse y todo el peso se resuelve en iframes diferidos (lazy).
¿Funciona con WordPress / React / Shopify…?+
Sí: es JavaScript vanilla + iframes, funciona en cualquier CMS o framework que permita pegar HTML/JS.