Paket-Konfigurator einrichten

Mit dem Paket-Konfigurator lässt du Besucher deiner Website ihre ideale Lösung zusammenstellen – mit wählbaren Optionen, Mengen oder Einzelauswahl. Die Preise aktualisieren sich dabei automatisch. Am Ende können Besucher ihre Konfiguration anfragen oder direkt zu einer Aktion springen.

Voraussetzungen

Du benötigst Zugriff auf die Website-Bearbeitung und das Recht, Blöcke zu konfigurieren.

Aufbau des Konfigurationsfensters

Der Konfigurator hat fünf Hauptbereiche:

Allgemein: Hier legst du fest, wie der Block heißt und aussieht – Farbvariante, Überschrift, Untertitel und die Einheit für Preise (z. B. "/Mon." oder "/Stk.").

Monat / Jahr: Falls deine Angebote zwischen monatlich und jährlich wechseln sollen, aktivierst du hier den Schieber und gibst Texte ein, die Besucher sehen (z. B. "Monat" und "Jahr"). Hier bestimmst du auch, welche Abos automatisch berechnet werden und welche Speichertexte angezeigt werden.

Sektionen: Das Herzstück – hier baust du die Auswahlmöglichkeiten zusammen. Es gibt drei Typen:

Mehrfachauswahl: Besucher können mehrere Optionen gleichzeitig wählen (z. B. Add-ons).
Einzelauswahl: Nur eine Option ist auswählbar (z. B. Paketgröße).
Mengen-Eingabe: Ein Feld, in das Besucher eine Menge eingeben (z. B. Anzahl Mitarbeiter).

Zusammenfassung: Text und Bezeichnungen für die Preisanzeige am Ende, z. B. "Gesamtpreis" und eine Meldung, wenn noch nichts ausgewählt wurde.

CTA: Der Aufruf-Button – sein Text, sein Ziel (Link oder Formular) und eine optionale Fußnote darunter.

So gehst du vor

Allgemeine Einstellungen

Gib unter Bezeichnung (für Verlinkung) einen Namen ein, unter dem du den Block erkennst (wird nicht auf der Website angezeigt).
Wähle eine Farbvariante aus der Auswahliste – bestimmt das Erscheinungsbild.
Trage das Preis-Suffix ein – das wird hinter jeden Preis geschrieben. Lass es leer, wenn keine Einheit nötig ist.
Fülle Eyebrow, Titel und Untertitel – das ist der Text, den Besucher über dem Konfigurator sehen. Diese Felder akzeptieren Formatierungen (fett, kursiv, Links).

Monat / Jahr konfigurieren (optional)

Aktiviere Monat/Jahr-Schieber zeigen, wenn Besucher zwischen zwei Abrechnungsmodellen wechseln können sollen.
Bestimme, welches Modell vorausgewählt sein soll: Jahresabo vorausgewählt aktivieren oder nicht.
Trage die Texte ein, die der Schieber anzeigt – Monat Text und Jahr Text (z. B. "Monat" und "Jahr").
Gib Jährliches Ersparnis Text ein – das wird angezeigt, wenn es günstiger ist, jährlich zu zahlen.
Unter Verrechnete Monate im Jahresabo bestimmst du, wie viele Monate ein Jahrespreis entspricht (z. B. 12 oder 10 mit zwei Gratismonaten).
Trage Preis-Suffix im Jahresabo ein – wird nur beim jährlichen Modell angezeigt (z. B. "/Jahr").
Optional: Fußnote im Jahresabo – z. B. Hinweise auf Rabatte oder Bedingungen.

Sektionen aufbauen

Klicke + Mehrfachauswahl, + Einzelauswahl oder + Mengen-Eingabe, um eine neue Sektion hinzuzufügen. Diese erscheint als Kasten, in dem du Details eingibst.

Für Mehrfach- oder Einzelauswahl:

Gib eine Bezeichnung für die Sektion ein (z. B. "Zusatzfunktionen").
Klicke Option hinzufügen, um eine wählbare Option zu erstellen. Jede Option hat:

Icon (optional): Wähle ein Symbol aus der Galerie
Name: Die Bezeichnung, die der Besucher sieht
Preis: Der Aufpreis dieser Option
Jahrespreis (falls Monat/Jahr aktiv): Leer lassen, dann wird er automatisch berechnet; oder manuell eingeben
Beschreibung (optional): Erklärtext unter dem Namen
Pflicht (nicht abwählbar): Aktivieren, wenn diese Option immer enthalten sein soll
Vorausgewählt: Aktivieren, wenn die Option beim Laden schon angekreuzt sein soll

Nutze die Pfeile neben einer Option, um sie nach oben oder unten zu verschieben. Klicke das Papierkorb-Symbol, um sie zu löschen.

Für Mengen-Eingabe:

Gib eine Bezeichnung für die Sektion ein (z. B. "Anzahl Benutzer").
Trage die Einheit ein – das wird hinter der Zahl angezeigt (z. B. "Mitarbeiter:in" oder "Stück").
Gib Preis pro Einheit ein – was jede zusätzliche Einheit kostet.
Jahrespreis pro Einheit (falls Monat/Jahr aktiv): Leer lassen oder manuell eingeben.
Unter Inkludiert legst du fest, wie viele Einheiten im Basistarif enthalten sind – diese werden nicht berechnet.
Standardwert, Minimum und Maximum bestimmen, mit welcher Zahl der Schieber startet und welche Grenzen es gibt.
Im Hinweistext kannst du Platzhalter nutzen: {price} für den Preis, {included} für die Inklusiventmenge, {unit} für die Einheit, {suffix} für das Preis-Suffix. Beispiel: " inkl. · je weitere:s € "
Verschiebe Sektionen mit den Pfeilen oder lösche sie mit dem Papierkorb.

Zusammenfassung konfigurieren

Trage die Überschrift ein, die über der Zusammenfassung angezeigt wird (z. B. "Ihre Auswahl").
Gib die Bezeichnung Gesamtpreis ein (z. B. "Monatlich" oder "Insgesamt").
Im Hinweis bei leerer Auswahl steht der Text, den Besucher sehen, wenn sie noch keine Optionen gewählt haben (z. B. "Wählen Sie mindestens eine Option").

Call-to-Action (CTA) einrichten

Trage den Text des Buttons ein – das ist die Beschriftung, die der Besucher anklickt.
Entscheide dich:

Anfrage-Formular zeigen aktivieren: Der Button öffnet ein Formular, in dem der Besucher Name und E-Mail eingibt, um die Konfiguration anzufragen.
Anfrage-Formular zeigen nicht aktivieren: Der Button verlinkt woandershin (z. B. zum Checkout oder zu einer anderen Seite).

Falls Formular aktiv ist:

Klicke E-Mail hinzufügen und trag die Adresse(n) ein, an die die Anfragen gesendet werden sollen. Du kannst mehrere hinzufügen.
Gib die Überschrift im Formular ein (z. B. "Anfrage stellen").
Der Einleitungstext erklärt, warum das Formular da ist.
Beschrifte den Absenden-Button (z. B. "Jetzt anfragen").
Nach dem Absenden sieht der Besucher eine Danksagung. Trage die Überschrift nach dem Absenden und den Bestätigungstext ein.

Falls Formular nicht aktiv ist:

Wähle unter Ziel einen Link – das kann eine interne Seite deiner Website, eine externe URL oder eine E-Mail-Adresse sein.
Optional: Trage eine Fußnote ein – z. B. "Keine versteckten Gebühren" oder rechtliche Hinweise.

Was danach passiert

Sobald du auf Speichern klickst, wird der Konfigurator auf der Website aktiv. Besucher sehen die Überschrift, Eyebrow und Untertitel, die Auswahlmöglichkeiten, die Preisanzeige und den Button.

Wenn der Besucher Optionen wählt oder Mengen anpasst, berechnet sich der Gesamtpreis live neu. Bei Monat/Jahr-Schieber wird auch das Modell automatisch umgerechnet.

Ist das Anfrage-Formular aktiviert und der Besucher klickt den Button, öffnet sich ein Pop-up mit Name- und E-Mail-Feld. Nach dem Absenden erhältst du eine E-Mail mit der Anfrage und allen gewählten Optionen.

Tipps und Hinweise

Pflicht-Optionen helfen, sinnvolle Konfigurationen zu erzwingen – z. B. immer ein Paket wählen, auch wenn Zusatzfunktionen optional sind.
Jahresprei automatisch berechnen: Wenn du kein Jahres-Feld ausfüllst, multipliziert weboffice automatisch den Monatspreis mit der Zahl der verrechneten Monate. Das spart Arbeit und vermeidet Rechenfehler.
Hinweistexte sind mächtig: Der Platzhalter {suffix} sorgt dafür, dass "/Mon." oder "/Jahr" automatisch angepasst wird – du musst nicht beide Versionen schreiben.
Icon-Wahl bei Optionen: Icons machen Optionen visuell leichter unterscheidbar, sind aber optional.
Speichere regelmäßig, während du konfigurierst – sonst gehen Änderungen verloren.