Drag and drop content management with Pimcore in Magento.

Link to full Talk

Introduction

Online retailers may face a situation where they want to engage visitors via diverse and visually appealing content but are restricted by the content management capabilities of their eCommerce platform. Possible solutions to this challenge differ depending on weak spots of each platform and a retailer’s expectations can vary from customizing a page editor to integrating a standalone CMS.

Handy page editing with a drag-and-drop page builder

Magento’s default WYSIWYG editor is inconvenient to go beyond simple information pages and create complex page layouts with banners, images, product lists and more. To counter this inconvenience, Pimcore offers a drag-and-drop page builder. It uses various page types and blocks called editables (that includes banners, images, descriptions, product lists, etc.) to construct a page so that one can experiment with its layout and look.

We tailored the Pimcore application to the customer’s business and created a variety of page and editable types. With that, we achieved a 5-step process of creating website pages for the customer:

  1. Choosing a page type
  2. Adding necessary editables to outline the page structure
  3. Filling in the editables with content (text, images, links, etc.)
  4. Previewing the page and polishing it if needed
  5. Publishing the page

While editing pages, content managers work seamlessly with marketing and product information as the product catalog is synchronized with Magento. They don’t need to manually upload products for marketing activities; instead, they easily drag and drop required items while creating promotional banners or product lists.

Suitable for Non-Techies

The drag-and-drop page editor in Pimcore has one more advantage that has turned out to be critical for the customer. Creating a more sophisticated page design in Magento requires the knowledge of HTML and CSS. In our project, this contradicted the customer’s requirements as their marketing team (read: non-techies) handled the content management.

Now, the customer is happy with the simplicity of creating content in Pimcore. Marketers can just focus on achieving the desired look and feel of the website, instead of coming up with ways to implement their ideas technically.

Diverse Content

The customer wanted their web store to be a community of people passionate about style and fashion. A blog for creating engaging content and a website section for announcing events, were the tools to put the idea into reality.

Magento limits available page types to informational (Home Page, About Us, Customer Service) and catalog (categories, products) pages. While staying solely with Magento, the customer couldn’t engage with their audience in the ways they wanted.

Pimcore supports different content types. As for the described project, we came up with a ‘Blog’ and ‘Events’ section. It is also safe to say that we will be able to scale up easily if the customer wishes to diversify their content in the future.

Intuitive Interface

Pimcore comes with a user-friendly interface. There are 3 key elements – Documents, Assets and Data Objects – that are basically the core of content management. Users create website pages in Documents, upload images to Assets and have structured data (categories, products, events) in Data Objects. After a short introductory training, the customer’s marketing team quickly got comfortable with the platform, and now they easily create, transfer, change, replace, and remove content objects.

Vadzim Belski is head of web development at ScienceSoft.