The action button is the element with which the customer completes their configuration. Depending on the use case it can send an email, generate a PDF quote or transmit the configuration as JSON to your own service.
For the quote configurator the action button is the central closing element — the customer configures their product and with one click receives an individual quote.
Adding an Action Button
The action button is a normal feature of type Frontend → Action Button:
- Open the component → click + next to the feature group in the left structure tree
- Choose Data category: Frontend
- Choose Data type: Action Button
- Set the label (e.g. "Request quote", "Buy now")
- Configure the action and template in the right SETTINGS panel
In the configurator the button appears with the label "Save" — the displayed text is configurable via the label.
Basic Settings
In the right SETTINGS panel under BASIC SETTINGS:
- Label — text displayed on the button
- Internal name (ID) — unique identifier
- Data category — Frontend
- Data type — Action Button
Under BEHAVIOUR:
- Visibility — Yes (visible) / No (hidden) / Shop only / Backend only
- Order — position in the configurator
- CSS class — optional custom CSS class
BUTTON SETTINGS
The decisive section — only available for the action button:
Choose an Action
| Action | Description |
|---|---|
| Custom URL | Post configuration as JSON to any URL (webhook) |
| Generate PDF | PDF is generated and offered to the customer for download |
| Send email | Email with configuration overview is sent |
| Send email with PDF | Email with PDF attachment is sent |
PDF Settings (for PDF actions)
- File name — name of the PDF file
- Format — A4, A5, Letter, Legal
- Orientation — Portrait or Landscape
- PDF content — rich text editor with placeholders
Email Settings (for email actions)
- Recipient field — which feature contains the customer's email address (e.g. "email")
- BCC — optional BCC address (e.g. for an internal copy to sales)
- Subject — email subject with placeholders
- Email content — rich text editor with placeholders
The sender address comes from the global Settings → Email Delivery.
Redirect After Action
Optional URL to redirect the customer to after the action.
Placeholders
The following placeholders are available in PDF content and email content:
| Placeholder | Description |
|---|---|
{{date}} |
Current date |
{{time}} |
Current time |
{{component_title}} |
Name of the component |
{{configuration_table}} |
Table of all selected features and options |
{{characteristic:NAME.value}} |
Value of a specific feature (NAME = internal name) |
Example: {{characteristic:email.value}} outputs the value of the feature with ID "email".
Branding
To have emails and PDFs appear in your corporate design, set up your branding globally under Settings → Branding: Logo, primary colour, font, header & footer (per language), legal notice.
Multiple Buttons
If you want to offer different actions, simply create multiple action button features. Each button has its own action and template.