Paket-Konfigurator einrichten

Hier stellst du einen interaktiven Konfigurator zusammen, mit dem Besucher ein Paket nach ihren Wünschen zusammenstellen und den Preis live sehen. Du definierst, welche Optionen verfügbar sind, ob der Besucher sie einmalig oder wiederkehrend buchen kann, und was danach passiert – entweder eine Anfrage mit Kontaktdaten oder ein Link zu einer Bestellseite.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Der Konfigurator wird als Block auf einer Seite eingebunden; siehe dazu Block auf einer Seite einrichten (Blockkatalog).

Aufbau des Konfigurators

Der Konfigurator besteht aus mehreren Bereichen:

• Allgemein: Grundeinstellungen wie Überschrift, Farbe und wie Preise angezeigt werden
• Monat / Jahr: Optionaler Schieber, damit der Besucher zwischen monatlicher und jährlicher Abrechnung wechselt
• Sektionen: Die Auswahlblöcke, die der Besucher sieht – Einzelauswahl, Mehrfachauswahl oder Mengenangaben
• Zusammenfassung: Die Box, die den aktuellen Gesamtpreis anzeigt
• CTA (Call-to-Action): Die finale Schaltfläche und das Ziel dahinter
• Empfänger: E-Mail-Adressen für Anfragen (nur sichtbar, wenn du ein Anfrage-Formular aktivierst)

So gehst du vor

Allgemeine Einstellungen festlegen

1. Trage unter Bezeichnung (für Verlinkung) einen eindeutigen Namen ein, unter dem du diesen Konfigurator wiedererkennst. Dieser wird nicht für Besucher angezeigt.
2. Wähle eine Farbvariante aus dem Auswahlfeld.
3. Gib unter Preis-Suffix (z. B. /Mon., /Stk.) ein, wie die Preise gekennzeichnet werden – beispielsweise „/Mon." für monatliche oder „/Stk." für Stück. Dieses Suffix erscheint überall dort, wo Preise angezeigt werden.
4. Fülle optional Eyebrow, Titel und Untertitel aus. Diese Texte erscheinen oben im Konfigurator.

Monat/Jahr-Schieber aktivieren (optional)

Wenn dein Paket sowohl monatlich als auch jährlich buchbar sein soll:

1. Schalte Monat/Jahr-Schieber zeigen ein.
2. Aktiviere optional Jahresabo vorausgewählt, damit der Besucher standardmäßig die jährliche Variante sieht.
3. Trage unter Monat Text und Jahr Text die Labels für den Schieber ein.
4. Gib unter Jährliches Ersparnis Text an, wie die Ersparnisangabe aussehen soll.
5. Im Feld Verrechnete Monate im Jahresabo legst du fest, auf wie viele Monate sich der Jahrespreis verteilt – der Jahrespreis wird dann automatisch aus dem Monatspreis mal dieser Zahl berechnet, sofern du keinen abweichenden Jahrespreis hinterlegst.
6. Trage Preis-Suffix im Jahresabo (z. B. /Jahr) ein.
7. Optional: Gib unter Fußnote im Jahresabo einen zusätzlichen Hinweistext ein, der nur bei der jährlichen Variante erscheint.

Sektionen hinzufügen und füllen

Sektionen sind die Auswahlblöcke, aus denen sich dein Paket zusammensetzt. Es gibt drei Typen:

Mehrfachauswahl

Der Besucher kann mehrere Optionen gleichzeitig wählen (z. B. mehrere Add-ons).

1. Klicke auf + Mehrfachauswahl.
2. Trage eine Bezeichnung ein.
3. Klicke auf Option hinzufügen und finde dich in einer neuen Zeile wieder. Dort trägst du ein:
   • Icon (optional): Ein Symbol aus der Symbolbibliothek
   • Name: Die Bezeichnung der Option
   • Preis: Der zusätzliche Preis für diese Option
   • Jahrespreis (nur sichtbar, wenn Monat/Jahr aktiv): Der Jahrespreis; leer bedeutet, er wird automatisch berechnet
   • Beschreibung (optional): Ein kurzer Erklärtext
   • Pflicht (nicht abwählbar): Wenn aktiviert, kann der Besucher diese Option nicht abwählen
   • Vorausgewählt: Wenn aktiviert, ist die Option von Anfang an angekreuzt
4. Wiederhole Schritt 3 für weitere Optionen. Mit den Pfeilen kannst du Optionen verschieben, mit dem Mülleimer löschen.

Einzelauswahl

Der Besucher wählt genau eine Option aus mehreren (z. B. Paketgröße).

1. Klicke auf + Einzelauswahl.
2. Folge den gleichen Schritten wie bei Mehrfachauswahl – mit der Einschränkung, dass immer nur eine Option gleichzeitig gewählt sein kann.

Mengen-Eingabe

Der Besucher gibt eine Zahl ein (z. B. Anzahl Mitarbeiter), und der Preis wird pro Einheit berechnet.

1. Klicke auf + Mengen-Eingabe.
2. Trage eine Bezeichnung ein.
3. Unter Auswahltyp ist automatisch „Mengen-Eingabe" vorausgewählt.
4. Fülle aus:
   • Einheit (z. B. Mitarbeiter:in, Stk.): Die Bezeichnung
   • Preis pro Einheit: Der Betrag, der pro zusätzliche Einheit berechnet wird
   • Jahrespreis pro Einheit (leer = automatisch) (nur wenn Monat/Jahr aktiv): Leer bedeutet automatische Berechnung
   • Inkludiert: Wie viele Einheiten im Grundpreis enthalten sind
   • Standardwert: Die voreingestellte Menge
   • Minimum und Maximum: Grenzen für die Eingabe
   • Hinweistext (Platzhalter: , , , ): Ein Erklärtext; nutze die Platzhalter, die automatisch ersetzt werden

Zusammenfassung konfigurieren

1. Trage unter Überschrift ein, wie die Preisbox heißen soll.
2. Im Feld Bezeichnung Gesamtpreis legst du fest, wie der Gesamtbetrag beschriftet wird.
3. Unter Hinweis bei leerer Auswahl kannst du einen Text eingeben, der angezeigt wird, wenn der Besucher noch nichts gewählt hat.

Call-to-Action und Ziel definieren

1. Trage unter Text die Beschriftung der Schaltfläche ein.
2. Entscheide dich für ein Ziel:
   • Schalte Anfrage-Formular (Name + E-Mail) zeigen ein, wenn der Besucher eine Anfrage mit seinen Kontaktdaten absenden soll. Danach wird ein zusätzlicher Bereich Empfänger sichtbar (siehe unten).
   • Lasse den Schalter aus und wähle unter Ziel einen Link (z. B. zu einer Bestellseite oder einer anderen Seite).
3. Optional: Trage unter Fußnote einen zusätzlichen Hinweistext ein.

Anfrage-Formular einstellen (falls aktiviert)

Wenn du das Anfrage-Formular angeschaltet hast:

1. Klicke auf E-Mail hinzufügen, um E-Mail-Adressen einzutragen, an die Anfragen versendet werden sollen. Du kannst mehrere hinzufügen.
2. Trage unter Überschrift im Formular den Titel des Formulars ein.
3. Im Feld Einleitungstext steht ein kurzer Erklärtext vor den Eingabefeldern.
4. Unter Absenden-Button legst du die Beschriftung der Sende-Schaltfläche fest.
5. Trage unter Überschrift nach dem Absenden und Bestätigungstext das ein, was der Besucher sieht, nachdem er das Formular abgesendet hat.

Speichern

Klicke oben rechts auf Speichern, um deine Einstellungen zu sichern. Der Konfigurator wird danach auf deiner Website angezeigt und die Besucher können ihn sofort nutzen.

Was danach passiert

Sobald du speicherst, wird der Konfigurator live auf der Seite. Besucher sehen alle Sektionen, können Optionen wählen oder Mengen eingeben, und der Gesamtpreis aktualisiert sich live.

Wenn du ein Anfrage-Formular eingestellt hast, erhalten die hinterlegten E-Mail-Adressen jede Anfrage mit den gewählten Optionen und den Kontaktdaten des Besuchers. Weitere Informationen dazu findest du unter Automatische E-Mails, die weboffice verschickt.

Wenn du einen Link als Ziel angegeben hast, wird der Besucher nach dem Klick dorthin weitergeleitet.

Tipps und Hinweise

• Jahrespreis vs. Automatik: Wenn du das Monat/Jahr-Feld nutzt, aber für eine Option oder Mengeneinheit keinen Jahrespreis angibst, berechnet weboffice ihn automatisch (Monatspreis × verrechnete Monate). Das spart dir Zeit und garantiert Konsistenz.
• Platzhalter im Hinweistext: Bei Mengen-Eingaben kannst du , , und verwenden – diese werden automatisch durch die aktuellen Werte ersetzt.
• Reihenfolge: Mit den Pfeilen kannst du Sektionen und Optionen verschieben – die Reihenfolge beeinflusst, was der Besucher von oben nach unten sieht.
• Pflicht-Optionen: Nutze die Checkbox „Pflicht (nicht abwählbar)" sparsam. Sie macht Sinn bei Kernoptionen, verwirrt aber bei zu vielem.