Skip to content
codeblick

CMS with Live Preview (Grid, Drag & Drop, WYSIWYG)

The CMS plugin “CMS with Live Preview (Grid, Drag & Drop, WYSIWYG)” simplifies content creation in Shopware 6 with a user-friendly interface and true live preview. It addresses typical challenges of Shopware’s Shopping Experiences, such as the lack of a live preview, unintuitive operation, and the need to create a separate layout for each new landing page.

Shopware CMS Content Editor

By adding the “Slot” element, individual content can be maintained directly for products, categories, or other entities. With numerous components such as banners, product sliders, or FAQ accordions, the plugin optimizes content management and enables flexible design.

For additional or customized components, the plugin’s support offers quick solutions.

Open Plugin in Shopware 6 Store

First Steps

Installation

Composer

Generally, we recommend always installing Shopware plugins via Composer. Your Shopware installation must be authenticated once. You can find instructions in the Shopware Documentation. Once you have done this and purchased our plugin from the store, you can install it with the following commands:

  1. Add the plugin to your Composer dependencies.

    Terminal window
    composer require [store.shopware.com/cobcontentblocks](https://www.google.com/search?q=https://store.shopware.com/cobcontentblocks)

  2. Update the plugin list.

    Terminal window
    bin/console plugin:refresh

  3. Install and activate our plugin in one step.

    Terminal window
    bin/console plugin:install --activate CobContentBlocks

Shopware Administration

Alternatively, you can of course install and activate the plugin via the usual way under the menu item My Extensions.

Content Management

Content Editor

With our plugin, you can manage content on landing pages, categories, and product pages. However, you must include a slot in the Shopping Experiences layout.

  1. Open the desired layout under Content → Shopping Experiences or create a new one.

  2. (Optional) Create a new section in the layout. Here you can also decide via the Size Mode setting whether the components are displayed across the full width of the browser or placed within the container (centered content).

  3. Add the Slot block from the Content Builder block category to the layout. You can also give the slot a name via the gear icon in the visual editor. At this point, you can also define distances to other blocks.

    Shopping Experiences Slot

  4. Save the changes to the layout.

  5. Now open an entity (e.g., category, product, landing page) in the administration that uses this layout. Open the Layout tab there. Alternatively, you can also assign the layout of this entity here.

    Category Layout

  6. Open the Content Editor via the Open Editor button.

  7. Use the “Add New Block” button to access the component selection. Here you can choose between many available blocks. To get a preview, you can hover the mouse over the entry. Click on an entry to insert it.

    Category Layout

  8. On the right side, you have the option to customize the content of the currently inserted block. The preview updates in real time. To add another block, go back one level by clicking on the Home icon in the breadcrumb in the same view.

  9. Save the page at the top right using the Save button.

  10. You can open a preview via the dropdown next to the Publish button. A new tab will open. You can also send this URL to your colleagues. The customer does not yet see these changes.

  11. If you are satisfied with your changes, you can publish the changes via Publish.

Content Overview

Under Content → Content Blocks you will find a list of all the pages you have maintained. From this view, you can publish, delete, or deactivate the content. You can also open the Content Editor directly from here.

Content Overview List