Zum Inhalt

20. Modul: Kostenrechner

Der Kostenrechner ist eine interaktive Sektion für deine Seiten. Besucher wählen in drei Schritten ein Basis-Paket und optionale Zusatzmodule und sehen sofort einen geschätzten Gesamtpreis, inklusive Mengenrabatt. Am Ende führt ein Button zu deiner Kontaktseite, damit aus der Schätzung eine Anfrage wird.

Das Modul ist nur sichtbar, wenn es installiert und in den Modul-Einstellungen aktiviert ist.


Modul aktivieren

Der Kostenrechner hat keine eigene Übersichtsseite und keinen eigenen Einstellungsbereich. Sein Schalter steht im Kasten Weitere Module.

  1. Öffne Einstellungen → Module.
  2. Schalte im Kasten Weitere Module den Kostenrechner ein.
  3. Klicke auf Einstellungen speichern.

Danach steht im Seiteneditor in der Auswahl Layout einer Sektion der Eintrag Kostenrechner. Fehlt der Kostenrechner im Kasten Weitere Module ganz, ist das Modul für deine Website nicht gebucht.


Den Kostenrechner in eine Seite einbinden

Der Kostenrechner ist eine eigene Sektion. Einen Platzhalter gibt es für ihn nicht.

  1. Öffne die gewünschte Seite im Seiteneditor.
  2. Füge eine neue Sektion hinzu (siehe Kapitel 2).
  3. Wähle im Feld Layout den Eintrag Kostenrechner.
  4. Fülle die beiden Felder der Sektion aus (siehe unten).
  5. Setze den Status auf Veröffentlicht und speichere.

Felder der Sektion

Feld Erklärung
CTA-Link (z.B. Kontaktseite) Ziel des Buttons am Ende des Rechners. Vorgabe: /kontakt.
CTA-Button-Text Beschriftung dieses Buttons. Vorgabe: „Kostenloses Angebot anfordern".

Dazu kommen die Felder, die jede Sektion hat: Status, Abstand, Hintergrund sowie Überschrift (H2), Beschreibung und Footer-Text (siehe Kapitel 2a). Nutze die Überschrift und die Beschreibung, um den Rechner kurz einzuleiten, z. B. „Was kostet meine Website?".

Kostenrechner und Kontaktformular kombinieren

Lege auf der Seite, auf die der CTA-Link zeigt, ein Kontaktformular an (siehe Kapitel 19). So können Interessenten direkt nach der Schätzung anfragen. Mit Betreff-Optionen wie „Angebot anfordern" erkennst du solche Anfragen sofort.


Was Besucher sehen

Der Rechner führt in drei Schritten zum Preis. Oben stehen drei Schritt-Knöpfe, über die Besucher auch direkt springen können. Unten wechseln sie mit Weiter → und ← Zurück.

Schritt Inhalt
1. Paket wählen Unter „Basis-Paket wählen" stehen die Pakete als Karten nebeneinander, jeweils mit Name, Beschreibung, Preis, Leistungsliste und Umsetzungszeit. Ein Paket kann als „Empfohlen" hervorgehoben sein. Besucher wählen genau ein Paket.
2. Module hinzufügen Zusatzmodule zum Ankreuzen, gruppiert nach den Stufen Basis, Erweitert, Profi und Premium, jeweils mit Name, Kurzbeschreibung und Preis. Darüber steht, ab wie vielen Modulen es Rabatt gibt, z. B. „Ab 3 Modulen 10% Rabatt".
3. Zusammenfassung Unter „Ihre Konfiguration" stehen das gewählte Paket, die gewählten Module und die Preisaufstellung. Darunter der Button mit deinem CTA-Button-Text.

Zusätzlich gilt:

  • Beispiele: Über den Schritten können Schnellwahl-Knöpfe stehen. Ein Klick wählt ein vorbereitetes Paket samt Modulen aus.
  • Live-Preis: Unter dem Rechner steht immer der „Geschätzte Gesamtpreis:". Er ändert sich bei jeder Auswahl sofort.
  • Preishinweis: In der Zusammenfassung steht fest der Satz „Alle Preise verstehen sich als einmalige Nettobeträge zzgl. MwSt."

So wird gerechnet

Der Gesamtpreis setzt sich so zusammen:

Posten Berechnung
Basis-Paket Preis des gewählten Pakets. Ohne Auswahl 0 €.
Module Summe der Preise aller angekreuzten Module.
Mengenrabatt Prozentsatz auf die Module-Summe, abhängig von der Anzahl der Module. Gilt immer die höchste erreichte Stufe. Das Basis-Paket wird nicht rabattiert.
Gesamt Basis-Paket + Module − Mengenrabatt.

Ein Beispiel mit der Rabattstufe „ab 3 Modulen 10 %": Paket 1.000 €, drei Module zu je 200 € = 600 €, Rabatt 10 % von 600 € = 60 €. Gesamt: 1.000 € + 600 € − 60 € = 1.540 €.

Alle Preise werden in ganzen Euro angezeigt. Die Zeile Mengenrabatt erscheint nur, wenn auch wirklich Rabatt anfällt.


Pakete, Module und Preise ändern

Pakete, Module, Preise, Rabattstufen und die Beispiel-Konfigurationen stehen nicht im Admin-Bereich, sondern in einer Preisliste, die als Datei zur Website gehört. Diese Datei pflegt die Person, die deine Website betreut. Gib ihr Änderungen deshalb als Liste weiter.

Diese Angaben enthält die Preisliste:

Bereich Angaben je Eintrag
Basis-Pakete Name, Beschreibung, Preis, Leistungsliste, Umsetzungszeit, Hervorhebung als „Empfohlen" (ja/nein)
Module Name, Kurzbeschreibung, Preis, Stufe (Basis, Erweitert, Profi oder Premium)
Mengenrabatt Je Stufe: ab wie vielen Modulen, wie viel Prozent, kurze Bezeichnung
Beispiel-Konfigurationen Name, Beschreibung, welches Paket, welche Module

Ohne Preisliste ist der Rechner leer

Fehlt die Preisliste oder enthält sie einen Fehler, zeigt der Rechner keine Pakete und keine Module, und der Preis bleibt bei 0 €. Prüfe den Rechner auf der Website nach jeder Änderung an der Preisliste.

Nur vier Stufen für Module

Im zweiten Schritt erscheinen nur Module mit einer der vier Stufen Basis, Erweitert, Profi oder Premium. Ein Modul ohne passende Stufe taucht im Rechner nicht auf.


Datenschutz

Der Kostenrechner rechnet vollständig im Browser des Besuchers. Er setzt keine Cookies, speichert keine Auswahl und überträgt nichts an Dritte. Erst wenn der Besucher über den Button eine Anfrage stellt, verarbeitest du Daten, dann nach den Regeln des Kontaktformulars.


Was du jetzt kannst

  • Du erkennst im Seiteneditor, ob der Kostenrechner verfügbar ist.
  • Du kannst eine Kostenrechner-Sektion anlegen und den Button am Ende beschriften und verlinken.
  • Du weißt, welche drei Schritte Besucher durchlaufen.
  • Du verstehst, wie Gesamtpreis und Mengenrabatt berechnet werden.
  • Du weißt, wer Pakete, Module und Preise ändert und welche Angaben dafür nötig sind.