Einbettbare Preis-Widgets
Zeigen Sie Live-Metallpreise mit einem einbettbaren Widget auf jeder beliebigen Website an – ganz ohne Backend-Code und ohne API-Schlüssel in Ihrer Seite.
Überblick
Widgets sind fertige Preistafeln, die Sie im Dashboard konfigurieren und auf jeder Website einbetten. Sie werden direkt von MetalAPI geladen: Sie müssen keinen Backend-Code schreiben, und Ihr API-Schlüssel erscheint nie in Ihrer Seite.
Widgets sind in jedem Tarif enthalten: 1 im Free-Tarif, 3 in Lite, 10 in Standard und bis zu 500 in Enterprise. Beispiele sehen Sie auf der Widget-Seite.
Widget erstellen
- Melden Sie sich an und öffnen Sie im Dashboard Widgets.
- Erstellen Sie ein neues Widget und geben Sie ihm einen Namen.
- Wählen Sie die anzuzeigenden Symbole (Metalle, Energie, Währungen oder Krypto) und die Währung, in der die Preise angegeben werden.
- Wählen Sie Layout und Design und speichern Sie.
- Kopieren Sie den Einbettungscode.
Auf Ihrer Website einbetten
Fügen Sie den Einbettungscode aus dem Dashboard dort ein, wo das Widget erscheinen soll. Widgets werden unter metalapi.com/embed/… ausgeliefert und dürfen von jeder Website in einem Frame eingebunden werden. Sie funktionieren daher in einfachen HTML-Seiten, WordPress, Shopify-Themes und Website-Baukästen gleichermaßen. Ein eingebettetes Widget sieht so aus:
<iframe
src="https://metalapi.com/embed/YOUR_WIDGET_ID"
title="Live precious metal prices"
width="100%"
height="320"
style="border:0"
loading="lazy"
></iframe>Verwenden Sie genau das Snippet aus dem Dashboard, da es die ID Ihres Widgets enthält.
Widget aktualisieren
Änderungen, die Sie im Dashboard speichern, gelten für jede Seite, die das Widget einbettet. Sie müssen das Snippet auf Ihrer Website nicht anpassen.
Wann sich stattdessen die API anbietet
Widgets decken den häufigen Fall der reinen Preisanzeige ab. Wenn Sie ein eigenes Design, Berechnungen oder Preise innerhalb einer App benötigen, rufen Sie die API von Ihrem Server auf – oder aus dem Browser mit einem domainbeschränkten Schlüssel.
Verwandte Anleitungen
Bereit zum Loslegen?
Erstellen Sie ein kostenloses Konto, um Ihren API-Schlüssel zu erhalten, oder entdecken Sie alle Endpunkte in der API-Referenz.