Live-Trading-Ergebnisse in WordPress einbinden (ohne Plugin)

Um deine Trading-Ergebnisse auf einer WordPress-Website zu zeigen, brauchst du kein Plugin. Du brauchst einen Block und ein Code-Snippet.

Das Snippet ist ein Widget von ShowMyTrades: eine Live-Ansicht deines Kontos, die sich von selbst aktualisiert. Diese Anleitung zeigt, wo es in jedem WordPress-Editor hingehört, und die drei Fälle, in denen WordPress es stillschweigend entfernt.

✅ Bevor du anfängst

Du brauchst ein veröffentlichtes Konto bei ShowMyTrades. Falls du noch keins hast: Das dauert ein paar Minuten und ist kostenlos.

1. Registriere dich und verbinde dein Handelskonto mit reinem Lesezugriff: MT4 oder MT5, cTrader oder TradeLocker.
2. Stelle in den Kontoeinstellungen die Sichtbarkeit auf Veröffentlicht (oder „Nicht gelistet“).
3. Öffne im Dashboard Widgets, wähle das Konto und das Widget aus und kopiere den Code.

Der Code besteht aus einem <iframe> und ein paar Zeilen <script>:

<iframe
  id="smt-equity-a1b2c3d4e"
  src="https://showmytrades.com/widget/YOUR-ACCOUNT-SLUG?type=equity&theme=auto"
  width="100%"
  height="400"
  loading="lazy"
  frameborder="0"
  style="border-radius: 8px; width: 100%;">
</iframe>
<script>
(function() {
  var iframe = document.getElementById('smt-equity-a1b2c3d4e');
  window.addEventListener('message', function(e) {
    if (e.data?.type === 'widget-resize' && e.source === iframe.contentWindow) {
      iframe.height = e.data.height;
    }
  });
})();
</script>

🧱 Block-Editor (Gutenberg)

Das ist der Editor jeder aktuellen WordPress-Installation.

1. Öffne die Seite oder den Beitrag und klicke an der Stelle, an der der Chart erscheinen soll, auf das +.
2. Suche nach Individuelles HTML (Custom HTML) und füge den Block hinzu.
3. Füge das komplette Snippet ein.
4. Klicke in der Werkzeugleiste des Blocks auf Vorschau, um das Widget zu sehen, dann auf Aktualisieren oder Veröffentlichen.

Füge den Code nicht in einen Absatz-Block oder direkt in die Seite ein: Dann zeigt WordPress ihn als Text an. Es muss der Block „Individuelles HTML“ sein.

Für eine Seitenleiste oder den Footer gehst du zu Design → Widgets (bei einem Block-Theme: Design → Editor) und fügst dort denselben Block Individuelles HTML hinzu. Für die Seitenleiste ist das Widget Statistikkarte gemacht.

🧩 Page Builder und klassischer Editor

Die Regel ist überall dieselbe: Nimm das Element für reinen Code, kein Textelement.

📐 Größe ans Theme anpassen

Bei WordPress kommt es auf zwei Einstellungen im Widget-Generator an.

Breite: in Prozent. Stelle die Einheit der Breite auf Prozent und den Wert auf 100. Dann füllt das Widget die Inhaltsspalte deines Themes aus und passt sich auf dem Smartphone mit an. Eine feste Breite in Pixeln, die auf deinem Desktop gut aussieht, ragt auf dem Handy über den Rand hinaus.

Design: ausdrücklich festlegen. „Automatisch“ folgt der Systemeinstellung des Besuchers, nicht deinem WordPress-Theme. Ist deine Website immer hell oder immer dunkel, wähle im Generator „Hell“ oder „Dunkel“, damit sich das Widget nie mit der Seite beißt. Auch eine eigene Hintergrundfarbe, mit Transparenz, ist möglich.

Um die Höhe musst du dich nicht kümmern: Das Skript im Snippet passt den Rahmen an den Inhalt an.

🚫 Drei Fälle, in denen WordPress den Code entfernt

Wenn der Chart nach dem Speichern nicht erscheint, liegt es fast immer an einem dieser Fälle.

Der erste Fall ist der häufigste. Auf einer selbst gehosteten WordPress-Installation, auf der du Administrator bist, trifft nichts davon zu.

🖼️ Der Plan B, der immer funktioniert: ein automatisch aktualisiertes Bild

Jedes Konto hat außerdem elf Bilder, die sich selbst aktualisieren. Es sind ganz normale Bilder, deshalb kann nichts sie herausfiltern, und sie zeichnen sich neu, sobald sich deine Trading-Daten ändern.

Wähle im Generator Automatisch aktualisiertes Bild, such dir einen Typ und ein Design aus und kopiere den HTML-Code:

<a href="https://showmytrades.com/account/YOUR-ACCOUNT-SLUG" target="_blank">
  <img src="https://showmytrades.com/api/widget-image/YOUR-ACCOUNT-SLUG/summary_light.png"
       alt="Trading Performance" width="500" height="290" loading="lazy" decoding="async" />
</a>

Den kannst du in einen Block „Individuelles HTML“ einfügen. Oder du nimmst einfach einen WordPress-Block Bild, wählst „Von URL einfügen“ (Insert from URL) und fügst die Adresse des Bildes ein. Danach verlinkst du das Bild mit deiner Kontoseite.

Ein Bild ist nicht interaktiv: kein Hover, kein Wechsel zwischen Ansichten. Nimm es dort, wo das iframe nicht erlaubt ist, und überall sonst das iframe.

📍 Wo das Widget auf der Website hinkommt

• Eine eigene Seite „Ergebnisse“ oder „Track Record“. Das Widget Komplettes Dashboard mit 100 % Breite. Siehe „So baust du eine Track-Record-Seite für deine Trading-Website“.
• Die Startseite. Die Equity-Kurve, darüber eine Zeile zur Einordnung.
• Seitenleiste oder Footer. Die Statistikkarte: Rendite, Drawdown, Kontostand, Equity.
• Eine Produktseite für einen EA oder ein Signal. Die Equity-Kurve über dem Preis, die Monatsrenditen darunter. Siehe „So zeigst du Live-Ergebnisse deines EA auf der Verkaufsseite“.
• Ein Blogbeitrag. Ein einziges Widget, an der Stelle, an der der Text vom Ergebnis spricht.

❓ Häufige Fragen

Brauche ich ein Plugin? Nein. Der Block „Individuelles HTML“ gehört zu WordPress. Ein Plugin brächte nichts: ShowMyTrades hostet das Widget bereits und hält es aktuell.

Macht das Widget meine Website langsamer? Das iframe wird per Lazy Loading geladen, der Browser holt es also erst, wenn der Besucher in seine Nähe scrollt. Deine eigene Seite lädt zuerst.

Funktioniert das mit einem Caching-Plugin? Ja. Der Cache speichert deine Seite, nicht den Inhalt des Widgets. Das Widget holt sich bei jedem Laden frische Daten von ShowMyTrades.

Schadet oder nützt das Widget meinem SEO? Direkt weder noch. Suchmaschinen rechnen den Inhalt eines iframes der Website zu, von der er stammt. Was hilft, ist die Seite drumherum: Schreibe echten Text darüber, was der Chart zeigt.

Ich habe den öffentlichen Link des Kontos geändert. Muss ich WordPress anpassen? Nein. Die alte Adresse funktioniert weiter: Bereits eingefügte Widgets folgen der Änderung.

Kann ich mehrere Konten auf einer Seite zeigen? Ja. Füge pro Konto einen Block „Individuelles HTML“ hinzu, oder nimm das Widget Statistikzeile und stapele es zeilenweise untereinander. Siehe „So zeigst du mehrere Handelskonten auf einer Seite“.

🔗 Weiterführende Artikel

• Verifizierte Ergebnisse überall einbetten: alle Widgets, Formate und Optionen
• Live-Trading-Ergebnisse in Wix, Webflow, Squarespace oder Shopify einbetten: dasselbe mit anderen Baukästen
• So baust du eine Track-Record-Seite für deine Trading-Website: was rund um das Widget auf die Seite gehört
• So verifizierst du dein Handelskonto: die Badges, auf die Besucher achten

Verbinde dein Konto kostenlos, kopiere das Widget und füge es in einen Block „Individuelles HTML“ ein. Wenn du dir den Generator erst ansehen willst, öffne ihn ohne Konto.