• Schreib uns

ETF-Sparplan-Rechner als WordPress-Plugin

ETF-Rechner für Dr. Carmen Mayer

ETF-Sparplan-Rechner: Echte Kursverläufe, zwei Ansichten, ein Aha-Moment

„Was wäre aus meinem Geld geworden, wenn ich vor zehn Jahren angefangen hätte?“ Diese Frage beantwortet der ETF-Rechner auf der Website von Dr. Carmen Mayer. Er nimmt dafür keine angenommene Durchschnittsrendite, sondern die tatsächlichen Kursverläufe der ETFs: Index wählen, Zeitraum festlegen, Einmalbetrag und Sparrate einstellen, berechnen.

Dahinter steckt ein eigenes WordPress-Plugin. Es rechnet auf dem Server und zeigt das Ergebnis auf zwei Arten: als animiertes Schaubild für den schnellen Aha-Moment und als Detailansicht für alle, die jede Zahl nachvollziehen wollen.

Kundin

Dr. Carmen Mayer – Aktien leicht gemacht

Services

WordPress-Plugin-Entwicklung, Rückrechnung mit historischen ETF-Kursen, Berechnung auf dem Server, animiertes SVG-Schaubild, interaktive Diagramme, kapital- und zeitgewichtete Rendite, Farbsteuerung im Backend

Jahr

2026

Die visuelle Ansicht

Ein Klick, und das Vermögen wächst vor den Augen

Zwei Regler für Einmalbetrag und monatliche Sparrate, drei Schnellwahl-Knöpfe, ein Kalender für Start und Ende. Mehr braucht es nicht. Nach dem Klick auf „Jetzt Berechnen“ baut sich das Schaubild auf: Die Balken wachsen Jahr für Jahr, ein Pfeil zieht die Kurve nach, und die Wertsteigerung steht wie von Hand geschrieben daneben.

Links steht, was eingezahlt wurde, rechts, was daraus geworden ist. Diese Ansicht ist für den ersten Eindruck gebaut: für Menschen, die noch nie investiert haben und in wenigen Sekunden verstehen sollen, was ein Sparplan über die Zeit bewirkt.

Die Detailansicht

Dieselbe Rechnung, jede Zahl offen

Ein Schalter wechselt von „Visuell“ auf „Detailliert“. Jetzt zeigt ein gestapeltes Balkendiagramm für jedes Jahr, was angespart war, was eingezahlt wurde und was der Markt dazugegeben oder genommen hat. Auch die schlechten Jahre sind dabei. Wer mit der Maus über einen Balken fährt, sieht die Werte des Jahres und die Summe bis dahin.

Darunter stehen bestes Jahr, schlechtestes Jahr und die durchschnittliche Jahresrendite, umschaltbar zwischen kapitalgewichteter und zeitgewichteter Rendite, jeweils mit kurzer Erklärung. Und wer es ganz genau wissen will, klappt die Berechnung auf: eine Tabelle mit Depotstand, Einzahlungen, Wertsteigerung und Rendite für jedes einzelne Jahr.

Auf dem Smartphone

Passt in die Hosentasche

Wer über Instagram oder einen Podcast auf die Seite kommt, hat meist das Handy in der Hand. Das Schaubild ist deshalb keine verkleinerte Desktop-Grafik, sondern ordnet sich neu: Eingezahlt oben, Kurve in der Mitte, Ergebnis darunter. Regler und Knöpfe sind groß genug für den Daumen.

Die Zeichnung ist ein SVG, das im Browser entsteht. Sie bleibt auf jedem Bildschirm scharf und kommt ohne ein einziges Bild aus.

Unter der Haube

Gerechnet wird auf dem Server

Zur Auswahl stehen elf ETFs und ETCs, von MSCI World über S&P 500 und DAX bis Gold. Der Browser schickt nur die Eingaben, gerechnet wird auf dem Server mit historischen Kursdaten. Beide Ansichten zeigen dieselbe Antwort. Es gibt keine zweite Rechenlogik, die abweichen könnte.

Ein Hinweis unter der Auswahl stellt klar, dass ETFs verwendet werden, die die Indizes abbilden, und keine Original-Indexdaten. Die Farben des Rechners kommen aus dem WordPress-Backend und lassen sich ohne Eingriff in den Code anpassen. Und weil auf der Seite noch eine ältere Diagramm-Bibliothek eines anderen Plugins läuft, bringt der Rechner seine eigene, abgeschottete Version mit. Die beiden kommen sich nicht in die Quere.

Backend ohne Programmierkenntnisse

Texte, Farben, ETFs: alles im Backend

Der Rechner bringt einen eigenen Bereich im WordPress-Backend mit. Unter Design & Farben legt die Kundin fest, welche Ansicht beim Laden zuerst erscheint, schreibt die Überschrift des Schaubilds selbst und tauscht die drei Icons aus. Darunter stehen alle Farben des Rechners mit Vorschau.

Unter Portfolios pflegt sie die ETF-Gruppen nach Regionen und die Beträge der Schnellwahl-Knöpfe. API & Texte enthält den Zugang zum Kursdaten-Dienst mit Verbindungstest und die Überschriften über dem Rechner. Eingebunden wird das Ganze per Shortcode auf jeder beliebigen Seite.

Wir halten Deinen Rücken frei

Bereit für sorgenfreie Website-Betreuung?
Weniger Hürden, mehr Ergebnisse - Jetzt!

Lass uns gemeinsam die technischen Details übernehmen, damit Du Dich voll und ganz auf das Wachstum Deines Unternehmens konzentrieren kannst!