How Ace & Tate adopted no-code page building to increase speed and reduce developer dependency. Watch the Webinar
The image below shows how we edit Banner data in CMS and how it maps to the visual section in the website.
Block > ProductsGrid is very simple, you can change title and collection from your e-commerce platform. Additionally you can set a limit on a number of visible items (in this example, it's 8):
The last block is Block > Two Columns represents 2-columns section where text on the left is accented and the right side has secondary text and a button:
At some point in time (could be initial project development or later) designer designed a page (or part of page) that included a section that looked like this:
The problem is that in reality the existing content blocks and their options represent only a tiny fraction of what creatives might come up with in the future.
Multiple buttons, background mode.
Two extra product cards.
Video player with controls
Photo with pins
Background color, photo snapped to right edge
New font, layout, photo aspect ratio.
Magazine style with solid background and image inside of the stack.
Magazine style in "background mode".
3 cards, card background shade, snapped to edges
Special card 2x2
Special author card in a slider
Grid with title, description, and button on the right
Theoretically, the simplest solution to achieve at least a decent level of creative freedom is to stick with current way of content management and build a huge amount of reusable content blocks. With many visual options.
Every CMS has a rich text / WYSIWYG field. Such field leaves most of the decisions to editor, it’s not limited in any way by developers. Isn’t that solution to our problem?
The truth is that the only viable solution is visual builders. But it can’t be that simple, right? They’ve been around for a very long time (remember FrontPage?) and yet in 2022 most e-commerce still manage content with forms. There must be a reason for this.
Shopstory is a visual builder that works inside of existing CMS. Let’s take one of the banner variants mentioned above and see how we can build them with Shopstory inside of Contentful:
If you feel like Shopstory would be a great add-on to your existing stack let us know.Get a Demo