CMS Shopping Experiences Pro - CMS Blocks, Elements, Grid, Form Builder

Purpose

The plugin enhances Shopware 6 Shopping Experiences with a wide range of flexibly usable elements and layout blocks. The goal is to offer creative freedom in designing CMS pages, homepages, and product detail pages – complemented by rule control, animation features, and responsive configuration options.

Possible Use Cases

A homepage is built using multiple banner sliders, teasers, and custom-placed category boxes. The product detail page is structured with individual sections like manufacturer logo, product variants, dimensions, and product reviews. Rules can be used to display seasonal content or show certain forms only for selected customer groups. In addition, time-based slides can be used in the banner slider to automatically display campaigns by date or time.

Usage

In the Shopware admin panel, go to Content > Shopping Experiences. After installation, new elements will be available. Rule control is configured via the Rule Builder using specific conditions. Column and animation adjustments are made directly in the block settings within the Shopping Experience.

Configuration Sections

• Shopping Experiences: Select and place new elements and blocks
• Block Settings: Define column width, spacing, and order; activate animations
• Plugin Settings: Set global animation settings
• Rule Builder: Define rules for visibility of forms, blocks, and sections
• Flow Builder: Set up reactions to rules (e.g., alternative recipients)

Limitations / Notes

Rule-based control is only available from plugin version 6.8.1 (5.15.0 for Shopware < 6.5). Some form functions require Shopware version 6.6.9.0 or higher. External tools like Auto Translation Pro must be installed separately.

Placeholders

After installation, over 70 new elements become available in the Shopping Experiences, grouped into eight functional categories. The placeholder layouts allow completely custom designs using empty grid structures with up to 12 columns. These placeholders can be filled with any Shopware or plugin elements and come in a variety of column ratios, including classic 50/50 splits or asymmetric 25/75 layouts.

Blocks

Predefined layout blocks cover typical marketing, content, and product presentation use cases. These include info boxes, Banner slider – including time-based control of individual slides, text-image combinations, accordions, counters, countdown elements, and more complex layouts like masonry galleries, fullscreen teasers, or custom form sections. Many blocks can be reused across layouts and offer their own configuration options.

Form Builder

The integrated Form Builder extends the Shopping Experiences by enabling the creation and integration of comprehensive, individually configurable forms directly within CMS pages.

Form Fields

Various field types are available for form design, including:

1. Contact fields (salutation, first name, last name, email, phone number)
2. Company fields (company, department, VAT ID)
3. Address fields (street, address addition, ZIP code, city, country)
4. Subject field
5. Single- and multi-select fields
6. Checkboxes
7. Comment field
8. File uploads
9. Date and number fields
10. Additional information texts
11. Hidden form field for internal information

Field Dependencies

Form fields can be made dependent on each other in terms of visibility and function. This allows the creation of dynamic forms that automatically adapt to user input.

Example: A form distinguishes between private customers and business customers. If “Business customer” is selected, additional fields for company, department, and VAT ID appear. For private customers, these fields remain hidden.

Flow Builder 

With the Flow Builder, automated processes can be defined that are executed after a form is submitted.

Trigger:

The flow starts when a form is submitted.

Conditions:

Conditions can be defined to control the execution of actions. These are based on rules that determine when a flow should run.

Available conditions include, among others:

1. ACRIS Form Builder field value
   Checks the value of a specific form field to execute actions depending on the entered data.
2. ACRIS Form Builder form with internal ID
   Checks which form the submission originated from to define different processes for different forms.

Actions:

After the trigger, one or more actions can be executed, such as sending emails.

For email delivery, the following recipients can be selected:

1. Email adress from the form
   Sends the message to the email address entered by the user (fallback: customer email if the customer is logged in)
2. Administrator
   Sends the message to the administrator email stored in the shop
3. Custom
   Sends the message to a freely defined email address

An email template titled “Email informing that a new message was sent from the form builder” is also available. Documents can be attached if desired. The plugin adds a new input field within the “Send email” flow action: “Additional attachments”. This allows any type of document from the Shopware media management system to be included.

Product Detail Page

A key module focuses on the product detail page, which is broken down into blocks and individual elements. Every area—such as product name, gallery, buy box, price, availability, variants, specifications, and dimensions—can be positioned and styled independently. The standard layout can be completely overridden and replaced with custom CMS elements.

Product Listing

New layout options for product listings allow flexible configuration of how many products are shown per row. Different column ratios can be selected, enabling optimal display across devices.

Additional Features

Entire Shopping Experiences can be embedded as CMS blocks, allowing complex layout structures to be reused anywhere in the shop, such as on product or category pages. This increases layout consistency and reusability.

Exchangeable Elements

A key feature is the modularity of elements. Many of the above-mentioned content types—buttons, images, text boxes, product info, teasers—are available both as standalone blocks and as swappable modules that can be replaced or customized in various layouts. This creates a flexible system that adapts to diverse scenarios.

Column Adjustments & Animations

Finally, the plugin enhances design options for responsive behavior and animations. Within the block settings, column width, order, and spacing can be configured per device (desktop, tablet, mobile) based on a 12-column grid. Animations can be defined globally in the plugin settings or individually per element. These are triggered either on scroll or when the element becomes visible, adding a dynamic touch to the content.

Additional extensions for Shopping Experiences

The following plugins enhance the Shopware experience with additional features and can be used in combination.

CMS Preview function - Products, Categories and Shopping Experience
Enables the preview of experience worlds as well as (inactive) products and categories, thereby facilitating the review of content prior to publication.

CMS - saving & managing Shopping Experiences Blocks and Elements + copy & paste
Allows you to save blocks and elements, manage them centrally, and reuse them in other Shopping Experiences.

CMS Import/Export of Shopping Experience Pages via ZIP
Enables the export and import of entire shopping experiences via ZIP files and supports the transfer between different systems or projects.