Deutsch Demo shop Store

All element types

Thirty-three types in three kinds. The "entries" column names what the editor offers on the element, the "options" column what is added under "Options".

Input elements 23

Only these are validated and stored.

your-shop.example/admin
FormsCancelSave
FormStructureElement
Form element
GeneralOptionsConditions
Input
2
120

CancelSave

  • Single-line text (text) text

    What forA single-line input for short text. Character limits and an optional default value can be maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    OptionsminLength maxLength

  • Multi-line text (textarea) textarea

    What forA multi-line input for longer text. Visible height, character limits and an optional default value can be maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    Optionsrows minLength maxLength

  • Dropdown menu (select) select

    What forA dropdown with custom options. Options and an optional default selection are maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Option list

    Options—

  • Checkbox (checkbox) checkbox

    What forA single checkbox for yes/no input. An optional default selection can be maintained under "Options".

    EntriesLabel, Mandatory

    OptionsdefaultChecked

  • Date (date) date

    What forA date field based on the browser standard. Optional date range and default value are maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    OptionsminDate maxDate

  • Time (time) time

    What forA time field based on the browser standard. Optional time range and step size are maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    OptionsminTime maxTime step

  • Date + time (datetime-local) datetime-local

    What forA date and time field based on the browser standard. An optional date-time range is maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    OptionsminDateTime maxDateTime

  • Number (number) number

    What forA numeric input. Minimum, maximum, step size and an optional default value can be maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    Optionsmin max step

  • Slider (range) range

    What forA slider for numeric values. Minimum, maximum, step size and default value are maintained under "Options".

    EntriesLabel, Mandatory, Default value

    Optionsmin max step defaultValue

  • Phone number (tel) phone

    What forAn input for phone numbers. Character limits and an optional default value can be maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    OptionsminLength maxLength

  • Color picker (color) color

    What forA color picker based on the browser standard. An optional default color is maintained under "Options".

    EntriesLabel, Mandatory, Default value

    OptionsdefaultValue

  • URL (url) url

    What forAn input for URLs. Character limits and an optional default value can be maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    OptionsminLength maxLength

  • Email address (email) email

    What forAn input for one email address. Character limits and an optional default value can be maintained under "Options".

    EntriesLabel, Mandatory, Placeholder, Default value

    OptionsminLength maxLength

  • Single choice (radio) radio

    What forA single-choice field with multiple visible options. Options and an optional default selection are maintained under "Options".

    EntriesLabel, Mandatory, Option list

    Options—

  • Multiple choice (checkboxes) checkbox-group

    What forA multiple-choice field with several visible options. Options, default selections and selection limits are maintained under "Options".

    EntriesLabel, Mandatory, Option list

    OptionsminSelections maxSelections

  • Image upload (file) image

    What forAn upload field for images. Allowed file extensions and maximum file size can be restricted under "Options".

    EntriesLabel, Mandatory

    OptionsallowedExtensions maxFileSize

  • File upload (file) file

    What forAn upload field for files. The file is stored in media; allowed extensions and maximum file size can be restricted under "Options".

    EntriesLabel, Mandatory

    OptionsallowedExtensions maxFileSize

  • Hidden field (hidden) hidden

    What forA hidden field that is not visible in the storefront. The submitted value is maintained under "Options".

    EntriesLabel

    Optionsvalue

  • Country selection country

    What forA country selection based on the Shopware countries available in the sales channel.

    EntriesLabel, Mandatory, Placeholder

    Options—

  • Consent / agreement consent

    What forA checkbox for agreements such as privacy, terms or consent. It is named more clearly for this business use case than a regular checkbox.

    EntriesLabel, Mandatory

    Options—

  • Salutation salutation

    What forThe Shopware salutation selection as a dropdown.

    Entries—

    Options—

  • First name + Last name firstname-lastname

    What forTwo Shopware standard fields for first name and last name, displayed side by side.

    EntriesMandatory

    Options—

  • Email address + Phone number email-phone

    What forTwo Shopware standard fields for email address and phone number, displayed side by side.

    EntriesMandatory

    Options—

Content elements 8

They output and ask for nothing.

your-shop.example/admin
FormsCancelSave
FormStructureElement
Form element
GeneralOptionsConditions
For urgent requests we recommend adding a phone number.

CancelSave

  • Heading title

    What forA heading for structuring the form. The visible text is maintained via the label.

    EntriesLabel

    Options—

  • Vertical line separator

    What forA separator line for visually structuring the form. No further configuration is required.

    Entries—

    Options—

  • Line break line-break

    What forA line break for visually structuring the form. No further configuration is required.

    Entries—

    Options—

  • Free text content

    What forA custom text area with HTML support. The visible content is maintained under "Options".

    EntriesContent

    Options—

  • Success message (green) alert-success

    What forA green success message in Shopware style. The visible text is maintained under "Options".

    EntriesContent

    Options—

  • Info message (blue) alert-info

    What forA blue info message in Shopware style. The visible text is maintained under "Options".

    EntriesContent

    Options—

  • Warning message (yellow) alert-warning

    What forA yellow warning message in Shopware style. The visible text is maintained under "Options".

    EntriesContent

    Options—

  • Error message (red) alert-danger

    What forA red error message in Shopware style. The visible text is maintained under "Options".

    EntriesContent

    Options—

Structure elements 2

They arrange, they take nothing.

your-shop.example/admin
FormsCancelSave
FormStructureElement
Elements
#NameTypeWidth
1Product adviceGroup--
1.1Customer type rowRow--
1.1.1Customer typeDropdown menu (select)1/2
1.1.2Advice topicSingle choice (radio)1/2
1.2Company data rowRow--
1.2.1CompanySingle-line text (text)1/2
1.2.2VAT IDSingle-line text (text)1/2
1.3Project rowRow--
1.3.1QuantityNumber (number)1/3
1.3.2UrgencySlider (range)1/3
1.3.3Preferred dateDate (date)1/3
1.4Rush noticeWarning message (yellow)1/1 - full row

Create top-level element

  • Group group

    What forA section for related form areas. Groups structure larger forms and can contain rows and fields.

    EntriesLabel

    Options—

  • Row row

    What forA layout row. Fields inside the row can be displayed next to each other with widths like 1/2, 1/3 or 1/4.

    Entries—

    Options—

What becomes of the options

Read in the source of the storefront templates.

your-shop.example/admin
FormsCancelSave
FormStructureElement
Form element
GeneralOptionsConditions
Validation
1
100
1

CancelSave

  • minLength / maxLength

    In the formminlength maxlength

    Who validatesBrowser and server

  • min / max / step

    In the formmin max step

    Who validatesBrowser and server

  • rows

    In the formrows

    Who validatesdisplay only

  • minDate / maxDate

    In the formmin max

    Who validatesBrowser and server

  • minTime / maxTime

    In the formmin max

    Who validatesBrowser and server

  • minDateTime / maxDateTime

    In the formmin max

    Who validatesBrowser and server

  • allowedExtensions

    In the formaccept

    Who validatesBrowser and server

  • maxFileSize

    In the formdata-max-file-size

    Who validatesthe server only

  • minSelections / maxSelections

    In the form—

    Who validatesthe server only

  • defaultValue / defaultChecked

    In the formvalue or checked

    Who validatesno validation, only a preset

  • value

    In the formvalue on the hidden field

    Who validatesthe server only

Uploads in detail

Three limits lie on top of one another, and the outermost is not the plugin's.

your-shop.example/admin
FormsCancelSave
FormStructureElement
Form element
GeneralOptionsConditions
Upload
pdf,jpg,png
8

CancelSave

  1. 01The shop

    Outermost sits Shopware's own list of allowed file extensions. What is missing there gets through nowhere.

  2. 02The field

    The option on the field narrows it further. Without an entry a long default list applies, not "anything".

  3. 03On the image upload

    Additionally only jpg, jpeg, png, gif, webp and avif, and the file has to really be an image, not just be named like one.

  4. 04The size

    The upper limit is in megabytes and is checked on the server. In the form it is only a data attribute; the browser does not enforce it by itself.

The uploaded file then sits in the media manager, in the folder named in the configuration. The submission holds the reference to it, not the file.

The chapters

Conditions

The 12 operators and what they compare.

Placement

Output points, assignments, order of precedence.

Settings

The seven settings with their defaults.

Examples

Finished forms to rebuild, from the contact form to the callback request.