Widgets de precios integrables
Muestra precios de metales en tiempo real en cualquier sitio web con un widget integrable. Sin código de backend y sin ninguna clave API en tu página.
Descripción general
Los widgets son tablas de precios listas para usar que configuras en el panel e insertas en cualquier sitio web. Se cargan directamente desde MetalAPI, así que no tienes que escribir código de backend y tu clave API nunca aparece en tu página.
Todos los planes incluyen widgets: 1 en Free, 3 en Lite, 10 en Standard y hasta 500 en Enterprise. Puedes ver ejemplos en la página de widgets.
Crea un widget
- Inicia sesión y abre Widgets en el panel.
- Crea un widget nuevo y ponle un nombre.
- Elige los símbolos que quieres mostrar (metales, energía, divisas o criptomonedas) y la divisa en la que se expresarán los precios.
- Elige un diseño y un tema, y guarda.
- Copia el código de inserción.
Insértalo en tu sitio
Pega el código de inserción del panel donde quieras que aparezca el widget. Los widgets se sirven desde metalapi.com/embed/… y cualquier sitio puede incluirlos en un iframe, así que funcionan igual en páginas HTML simples, WordPress, temas de Shopify y creadores de sitios web. Un código de inserción tiene este aspecto:
<iframe
src="https://metalapi.com/embed/YOUR_WIDGET_ID"
title="Live precious metal prices"
width="100%"
height="320"
style="border:0"
loading="lazy"
></iframe>Usa exactamente el fragmento del panel, ya que contiene el ID de tu widget.
Actualizar un widget
Los cambios que guardes en el panel se aplican en todas las páginas que insertan el widget. No necesitas actualizar el fragmento en tu sitio.
Cuándo usar la API en su lugar
Los widgets cubren el caso habitual de mostrar precios. Si necesitas tu propio diseño, cálculos o precios dentro de una aplicación, llama a la API desde tu servidor, o desde el navegador con una clave restringida por dominio.
Guías relacionadas
¿Listo para empezar a desarrollar?
Crea una cuenta gratuita para obtener tu clave API o explora todos los endpoints en la referencia de la API.