Docs  /  Konfigurator aufbauen  /  Der Aktions-Button

Der Aktions-Button

Zuletzt aktualisiert: 01. Januar 2026

Der Aktions-Button ist das Element mit dem der Kunde seine Konfiguration abschließt. Er wird als Merkmal vom Typ Frontend → Aktions-Button angelegt und hat eigene Einstellungen die andere Merkmaltypen nicht haben.

Für den Angebotskonfigurator ist der Aktions-Button das zentrale Abschlusselement — der Kunde konfiguriert sein Produkt und löst mit einem Klick eine Aktion aus.

Aktions-Button anlegen

  1. Komponente öffnen → im linken Strukturbaum auf + neben der Merkmalsgruppe klicken
  2. Datenkategorie: Frontend wählen
  3. Datentyp: Aktions-Button wählen
  4. Bezeichnung festlegen (z.B. „Angebot anfordern", „Jetzt kaufen")
  5. Im rechten EINSTELLUNGEN-Panel die Button-Einstellungen konfigurieren

Im Konfigurator erscheint der Button mit der Beschriftung „Speichern" — der angezeigte Text ist über die Bezeichnung konfigurierbar.

Grundeinstellungen

Im rechten EINSTELLUNGEN-Panel unter GRUNDEINSTELLUNGEN:

  • Bezeichnung — Text der auf dem Button angezeigt wird
  • Interner Name (ID) — eindeutiger Bezeichner
  • Datenkategorie — Frontend
  • Datentyp — Aktions-Button

Unter VERHALTEN:

  • Sichtbarkeit — Ja (sichtbar) / Nein (versteckt) / Nur Shop / Nur Backend
  • Reihenfolge — Position im Konfigurator
  • CSS-Klasse — optionale eigene CSS-Klasse

BUTTON-EINSTELLUNGEN

Der entscheidende Abschnitt — nur beim Aktions-Button verfügbar:

Aktion wählen

Aktion Beschreibung
Eigene URL Konfiguration als JSON an eine beliebige URL posten (Webhook)
PDF erzeugen PDF wird generiert und dem Kunden zum Download angeboten
E-Mail verschicken E-Mail mit Konfigurationsübersicht wird versendet
E-Mail mit PDF verschicken E-Mail mit PDF-Anhang wird versendet

PDF-Einstellungen (bei PDF-Aktionen)

  • Dateiname — Name der PDF-Datei
  • Format — A4, A5, Letter, Legal
  • Orientierung — Hochformat oder Querformat
  • PDF-Inhalt — Rich-Text-Editor mit Platzhaltern

E-Mail-Einstellungen (bei E-Mail-Aktionen)

  • Empfänger-Feld — welches Merkmal enthält die E-Mail-Adresse des Kunden (z.B. „email")
  • BCC — optionale BCC-Adresse (z.B. für interne Kopie an den Vertrieb)
  • Betreff — E-Mail-Betreff mit Platzhaltern
  • E-Mail-Inhalt — Rich-Text-Editor mit Platzhaltern

Die Absender-Adresse stammt aus den globalen Einstellungen → E-Mail-Versand.

Redirect nach Aktion

Optionale URL auf die der Kunde nach der Aktion weitergeleitet wird.

Platzhalter

Folgende Platzhalter stehen in PDF-Inhalt und E-Mail-Inhalt zur Verfügung:

Platzhalter Beschreibung
{{date}} Aktuelles Datum
{{time}} Aktuelle Uhrzeit
{{component_title}} Name der Komponente
{{configuration_table}} Tabelle aller gewählten Merkmale und Optionen
{{characteristic:NAME.value}} Wert eines bestimmten Merkmals (NAME = interner Name)

Beispiel: {{characteristic:email.value}} gibt den Wert des Merkmals mit ID „email" aus.

Branding

Damit E-Mails und PDFs im Corporate Design erscheinen, hinterlegst du dein Branding global unter Einstellungen → Branding: Logo, Primärfarbe, Schrift, Kopfzeile & Fußzeile (pro Sprache), Impressum.

Mehrere Buttons

Wenn du verschiedene Aktionen anbieten möchtest, legst du einfach mehrere Aktions-Button-Merkmale an. Jeder Button hat seine eigene Aktion und sein eigenes Template.

Nächste Schritte


← Alle Artikel 14 Tage kostenlos testen