Mit dem Paket-Konfigurator legst du ein interaktives Auswahlformular an, bei dem Besucherinnen und Besucher Pakete nach ihren Wünschen zusammenstellen – mit Optionen zum Ankreuzen, Mengen zum Eingeben oder Varianten zur Auswahl. Am Ende sehen sie den Gesamtpreis und können ihre Anfrage oder Bestellung absenden.
Voraussetzungen
Du kannst diesen Block auf einer Website-Seite einbauen. Wenn du Lead-Erfassung aktivierst, werden die Anfragen per E-Mail versendet – stelle daher sicher, dass du die E-Mail-Adressen der Empfänger hast.
So gehst du vor
Allgemeine Einstellungen
Trage eine Bezeichnung (für Verlinkung) ein – das ist der Name, unter dem dieser Block intern gespeichert wird und unter dem du ihn später wiederfindest.
Wähle eine Farbvariante aus dem Auswahlfeld, um das Aussehen des Konfigurators anzupassen. Wenn du keine Variante wählst, gilt die Standardfarbe.
Im Feld Preis-Suffix schreibst du ein Zusatz wie „/Monat" oder „/Stück" – dieser Zusatz erscheint neben jedem Preis im Konfigurator.
Trage in Eyebrow einen kurzen Text ein, der über der Hauptüberschrift angezeigt wird (optional, Formatierung mit Markdown möglich).
Im Feld Titel steht die Überschrift des Konfigurators.
Der Untertitel ist ein erklärender Text unter der Überschrift (Formatierung mit Markdown möglich).
Monat- und Jahresabos einrichten
Schalte Monat/Jahr-Schieber zeigen ein, wenn Besucherinnen und Besucher zwischen monatlichen und jährlichen Preisen wählen können sollen.
Falls du den Schieber aktivierst:
- Setze Jahresabo vorausgewählt, um standardmäßig die jährliche Ansicht zu zeigen.
- Im Feld Monat Text schreibst du das Wort, das für monatliche Abrechnung angezeigt wird (z. B. „Monat").
- Im Feld Jahr Text steht das entsprechende Wort für jährliche Abrechnung (z. B. „Jahr").
- Jährliches Ersparnis Text: Gib hier ein, wie die Ersparnis beschrieben wird, wenn eine Jahresoption billiger ist als die Monatsoption (z. B. „Sparen Sie").
- Verrechnete Monate im Jahresabo: Trage die Anzahl der Monate ein, die im Jahrespreis berechnet werden (z. B. 12, oder 10 wenn zwei Monate kostenlos sind).
- Preis-Suffix im Jahresabo: Hier kommt das Suffix für jährliche Preise hin (z. B. „/Jahr").
- Fußnote im Jahresabo: Ein optionaler Hinweistext, der nur bei Jahresabos angezeigt wird.
Das System berechnet Jahrespreise automatisch (Monatspreis × verrechnete Monate), es sei denn, du gibst später bei einzelnen Optionen einen abweichenden Jahrespreis an.
Abschnitte mit Auswahloptionen
Der Kern des Konfigurators besteht aus Abschnitten, die verschiedene Auswahltypen enthalten:
Klicke auf + Mehrfachauswahl, + Einzelauswahl oder + Mengen-Eingabe, um einen neuen Abschnitt hinzuzufügen.
- Mehrfachauswahl: Besucherinnen und Besucher können mehrere Optionen gleichzeitig ankreuzen (z. B. mehrere Add-ons).
- Einzelauswahl: Es kann nur eine Option gewählt werden (z. B. ein Pakettyp).
- Mengen-Eingabe: Ein Zähler, bei dem eine Menge eingegeben wird, die den Preis beeinflusst (z. B. Anzahl der Mitarbeiter).
Im Feld Bezeichnung trage einen Namen für den Abschnitt ein.
Im Auswahlfeld Auswahltyp wähle, welcher Typ dieser Abschnitt sein soll (Mehrfachauswahl, Einzelauswahl oder Mengen-Eingabe). Du kannst den Typ nachträglich noch ändern.
Verschiebe den Abschnitt mit den Pfeilen Nach oben und Nach unten, um die Reihenfolge festzulegen. Mit Entfernen löschst du den Abschnitt.
Für Mehrfach- und Einzelauswahl: Optionen hinzufügen
Klicke im Abschnitt auf Option hinzufügen.
Für jede Option:
- Wähle ein Icon (Symbol) aus, das die Option kennzeichnet – klicke auf das Symbol neben dem Namen, um aus einer Sammlung zu wählen.
- Trage den Namen der Option ein (z. B. „Basis", „Premium").
- Im Feld Preis steht der Aufpreis dieser Option (kann auch 0 sein).
- Wenn Monat/Jahr-Schieber aktiv ist: Im Feld Jahrespreis kannst du einen abweichenden Jahrespreis eintragen. Wenn du das Feld leer lässt, wird der Jahrespreis automatisch berechnet.
- Beschreibung: Ein optionaler erklärenden Text zur Option.
- Setze Pflicht (nicht abwählbar), wenn diese Option immer gewählt sein soll (z. B. die Basisversion).
- Setze Vorausgewählt, wenn die Option beim Laden des Konfigurators schon angekreuzt sein soll.
Mit den Pfeilen verschiebst du Optionen innerhalb des Abschnitts. Mit Entfernen löschst du eine Option.
Für Mengen-Eingabe: Zähler konfigurieren
Trage die Einheit ein – das ist der Name dessen, was gezählt wird (z. B. „Mitarbeiter:in", „Stück").
Preis pro Einheit: Der Preis, der für jede zusätzliche Einheit berechnet wird.
Wenn Monat/Jahr-Schieber aktiv ist: Im Feld Jahrespreis pro Einheit kannst du einen abweichenden Jahrespreis eintragen. Leer lassen bedeutet: automatisch berechnen.
Inkludiert: Wie viele Einheiten sind im Basispreis enthalten (z. B. 1 Mitarbeiter kostenlos)?
Standardwert: Der Wert, mit dem der Zähler beim Laden startet.
Minimum und Maximum: Die Grenzen für den Zähler.
Hinweistext: Erklärender Text zum Zähler. Du kannst Platzhalter verwenden:
{price}(Preis pro Einheit),{included}(inkludierte Menge),{unit}(Einheit),{suffix}(Preis-Suffix).
Zusammenfassung einrichten
Im Feld Überschrift steht der Titel des Zusammenfassungsbereichs (z. B. „Ihre Auswahl").
Bezeichnung Gesamtpreis: Das Wort, das vor dem Gesamtbetrag angezeigt wird (z. B. „Gesamtpreis").
Hinweis bei leerer Auswahl: Ein Text, der angezeigt wird, wenn noch nichts ausgewählt wurde (z. B. „Bitte wählen Sie mindestens eine Option").
Aktionsschaltfläche (CTA) einrichten
Im Feld Text steht die Aufschrift der Schaltfläche (z. B. „Jetzt anfragen").
Schalte Anfrage-Formular (Name + E-Mail) zeigen ein, wenn Besucherinnen und Besucher mit ihrer Anfrage auch Namen und E-Mail angeben sollen. Dies ist sinnvoll, wenn die Anfrage per E-Mail versendet werden soll.
Falls du das Formular NICHT aktivierst:
- Wähle unter Ziel ein Ziel aus, wohin die Schaltfläche führt (z. B. zu einer anderen Seite oder zu einer externen Website).
Im Feld Fußnote kannst du einen optionalen Text eingeben, der unter der Schaltfläche angezeigt wird (z. B. einen Rechtshinweis).
Lead-Erfassung einschalten
Wenn du Anfrage-Formular (Name + E-Mail) zeigen eingeschaltet hast, erscheint dieser Bereich:
Füge die E-Mail-Adressen ein, an die die Anfragen versendet werden sollen:
- Klicke auf E-Mail hinzufügen.
- Trage eine E-Mail-Adresse ein.
- Wiederhole das für jede weitere Empfängerin oder jeden Empfänger.
- Mit Entfernen (das X rechts) löschst du eine E-Mail-Adresse.
Überschrift im Formular: Die Überschrift, die im Anfrage-Formular angezeigt wird.
Einleitungstext: Ein erklärend Text vor den Eingabefeldern.
Absenden-Button: Die Aufschrift der Schaltfläche im Formular.
Überschrift nach dem Absenden: Der Titel der Bestätigungsseite, die nach erfolgreicher Anfrage angezeigt wird.
Bestätigungstext: Der Inhalt dieser Bestätigungsseite – hier kannst du dem Besucher danken und erklären, was als Nächstes passiert.
Die Anfragen werden an die hinterlegten E-Mail-Adressen versendet (siehe Automatische E-Mails, die weboffice verschickt für technische Details).
Aufbau der Konfigurationsseite
Die Seite ist in Bereiche unterteilt, die jeweils eine Schaltfläche mit Icon und Überschrift haben:
- Allgemein: Grundeinstellungen wie Name, Farbe und Beschriftungen.
- Monat / Jahr: Einstellungen für monatliche und jährliche Abrechnung.
- Sektionen: Die Abschnitte mit Auswahloptionen oder Mengeneingaben.
- Zusammenfassung: Texte für die Preisübersicht.
- CTA: Einstellungen für die Aktionsschaltfläche.
- Empfänger: E-Mail-Adressen, falls Lead-Erfassung aktiv ist.
Jeder Bereich ist in sich geschlossen und speichert seine Änderungen automatisch.
Was danach passiert
Der Konfigurator wird auf deiner Website-Seite angezeigt. Besucherinnen und Besucher können dann ihre gewünschte Zusammenstellung treffen, den Preis sehen und die Anfrage oder Bestellung abschicken. Wenn du Lead-Erfassung aktiviert hast, landen die Anfragen in den E-Mails der konfigurierten Empfängerinnen und Empfänger.
Um diesen Block auf einer Seite einzubauen, siehe Block auf einer Seite einrichten (Blockkatalog).
Tipps und Hinweise
Jahrespreise flexibel gestalten: Wenn alle Optionen den gleichen Faktor für Jahrespreise haben (z. B. alle × 12 Monate), lasse die einzelnen Jahrespreise leer – das System berechnet sie automatisch.
Symbole nutzen: Verwende unterschiedliche Symbole für verschiedene Optionen, um sie visuell unterscheidbar zu machen.
Pflicht und Vorausgewählt: „Pflicht" bedeutet, dass die Option nicht abgewählt werden kann, aber auch immer den Preis addiert. „Vorausgewählt" bedeutet, dass sie am Anfang ausgewählt ist, aber abgewählt werden kann.
Platzhalter im Hinweistext: Bei der Mengen-Eingabe ersetzt weboffice
{included}durch die Anzahl der inkludierten Einheiten,{price}durch den Preis pro Einheit usw. So bleibt der Text dynamisch, auch wenn du Werte später änderst.Leere Jahrespreise: Wenn du bei einer Option keinen Jahrespreis eintragst und Jahresabos aktiv sind, berechnet weboffice den Jahrespreis automatisch aus Monatspreis × verrechnete Monate.