Calling all developers! We invite you to provide your input on Feature Experimentation by completing this brief survey.

 

Minesh Shah (Netcel)
Dec 17, 2024
  423
(6 votes)

SaaS CMS - Pages and Blocks get the Visual Builder Treatment

I’m thrilled to see that Optimizely has now enabled Visual Builder for OG Pages and Blocks within SaaS CMS, and I’m guessing this will become standard for CMS13. Previously, Visual Builder was only available for Experiences, forcing us to revert to traditional on-page editing which was somewhat clunky or use the "All Properties" view, which didn’t provide a great preview experience.

With Visual Builder, we now get the best of both worlds: an intuitive editor experience combined with the ability to preview our changes in real time. I haven’t taken this for a proper spin yet, but the early signs are very promising.

When editing structured pages, the new interface looks like this:

As shown above, updates can be made in the left panel, and they are instantly reflected in the main preview panel.

In contrast, the old on-page editing view looked like this and was never as responsive:

Additionally, Visual Builder is now available for Blocks as well. The interface for Blocks is similar to Pages, and it looks like this:

Although my templates aren’t perfect, this is entirely within our control via the frontend presentation layer (Next.js).

This is just a quick post to share my initial impressions, but I’ll provide more updates as I integrate this into my own templates.

Dec 17, 2024

Comments

Janaka Fernando
Janaka Fernando Dec 18, 2024 07:10 PM

I'm going to need a wider, high-resolution monitor

Please login to comment.
Latest blogs
Image Analyzer with AI Assistant for Optimizely

The Smart Image Analyzer is a new feature in the Epicweb AI Assistant for Optimizely CMS that automates the management of image metadata, such as...

Luc Gosso (MVP) | Jan 16, 2025 | Syndicated blog

How to: create Decimal metafield with custom precision

If you are using catalog system, the way of creating metafields are easy – in fact, you can forget about “metafields”, all you should be using is t...

Quan Mai | Jan 16, 2025 | Syndicated blog

Level Up with Optimizely's Newly Relaunched Certifications!

We're thrilled to announce the relaunch of our Optimizely Certifications—designed to help partners, customers, and developers redefine what it mean...

Satata Satez | Jan 14, 2025

Introducing AI Assistance for DBLocalizationProvider

The LocalizationProvider for Optimizely has long been a powerful tool for enhancing the localization capabilities of Optimizely CMS. Designed to ma...

Luc Gosso (MVP) | Jan 14, 2025 | Syndicated blog