Widget dólar BCV para Webflow
Muestra la tasa BCV, el paralelo o el P2P directamente en tu sitio Webflow. Solo necesitas un bloque Embed y el snippet de Cotizave. Sin registro, sin backend, responsive.
Cómo insertar el dólar BCV en Webflow
En Webflow, arrastra un bloque Embed desde la barra de elementos al lugar donde quieres mostrar la tasa. Haz doble clic en el bloque, pega el snippet de abajo y guarda. Las tasas quedan visibles en tu sitio publicado, actualizadas automáticamente.
Este snippet muestra un ticker con BCV, paralelo y Binance P2P en una barra horizontal. Ideal para encabezados o barras informativas de ancho completo.
<script src="https://cdn.cotizave.com/widgets/v1/widget.js" data-type="ticker" data-markets="bcv,parallel,binance"> </script>
Usar Embed o código personalizado en Webflow
Webflow ofrece dos lugares donde pegar el snippet según el alcance que necesites:
- Bloque Embed en el Canvas: aparece solo en la página donde lo agregas. Arrastra el elemento HTML Embed desde la sección de componentes, pega el script y haz clic en Save & Close.
- Custom Code global (Settings → Custom Code): pega el script en el campo Footer code para que el widget aparezca en todas las páginas del sitio. Útil para barras de tasas o elementos de navegación globales.
- Custom Code por página (Page Settings): en la configuración de una página individual, sección Custom Code, agrega el snippet solo para esa URL.
Nota: el widget puede aparecer como un recuadro gris en el editor de Webflow. Eso es normal — el widget renderiza correctamente en Preview y en el sitio publicado.
Dónde colocar el widget dentro de una página
La ubicación cambia la forma en que los visitantes perciben la información.
Barra superior (nav)
data-type="ticker" con ancho 100%.Sección de precios
data-type="spotlight" dentro de una columna.Sidebar o columna lateral
Footer
Qué tipos de widget funcionan mejor en Webflow
Cada tipo está optimizado para un uso diferente. Estos son los tres más comunes en proyectos Webflow:
- Ticker (
data-type="ticker"): barra horizontal desplazable con múltiples tasas. Encaja en banners informativos de ancho completo o en la parte superior de una sección. - Spotlight (
data-type="spotlight"): card compacta con una tasa destacada. Ideal para sidebars, columnas de contenido y secciones de precios. - Tabla de tasas (
data-type="rates"): lista vertical con BCV, paralelo y P2P. Perfecta para páginas de referencia o secciones comparativas.
Cómo se ve el widget en un sitio Webflow
Dos variantes que puedes combinar según el diseño de tu proyecto.
Para mostrar solo una tasa en una card compacta, usa el snippet con data-type="rates" y data-markets="bcv,parallel,binance":
<script src="https://cdn.cotizave.com/widgets/v1/widget.js" data-type="rates" data-markets="bcv,parallel,binance"> </script>
Preguntas frecuentes
¿Puedo insertar el dólar BCV en Webflow sin saber programar?
Sí. Webflow permite agregar un bloque Embed en cualquier página con el botón de la barra de elementos. Pegas el snippet de Cotizave dentro del bloque y el widget del dólar aparece en tu sitio sin tocar código.
¿El widget de Cotizave es compatible con el editor de Webflow?
El widget es HTML estándar y funciona en cualquier sitio que admita bloques Embed o código personalizado. En el editor de Webflow puede verse como un recuadro vacío; la previsualización real se ve en el modo Preview o en el sitio publicado.
¿Cómo pongo el widget en el encabezado o footer de todas mis páginas?
En Webflow, abre la configuración del sitio y ve a "Custom Code". Pega el snippet en el campo "Footer code" para que aparezca en todas las páginas. Para una sola página, usa el bloque Embed en el Canvas.
¿Qué tipo de widget funciona mejor en Webflow?
El ticker (data-type="ticker") es ideal para barras superiores o inferiores con ancho 100%. El spotlight (data-type="spotlight") encaja bien en cards o columnas. La tabla de tasas (data-type="rates") es perfecta para secciones comparativas.
¿Puedo mostrar BCV, paralelo y P2P juntos en Webflow?
Sí. Usa data-type="ticker" o data-type="rates" con data-markets="bcv,parallel,binance" para mostrar las tres tasas en el mismo componente dentro de tu sitio Webflow.
¿El widget es responsive en Webflow?
Sí. El widget se adapta al ancho de su contenedor. Para un ticker que ocupe todo el ancho, usa data-type="ticker" y colócalo en una sección de 100% de ancho en el Canvas de Webflow.
¿Necesito una cuenta o plan de pago para usar el widget en Webflow?
No. El widget de Cotizave es gratuito y no requiere registro. Solo copias el snippet y lo pegas en tu bloque Embed de Webflow.
Pon las tasas del dólar en tu Webflow
Copia el snippet, pégalo en un bloque Embed y las tasas quedan en tu sitio en menos de dos minutos.