Hybrid CMS: A Headless CMS, But With a Front-End

By 2020, experts forecast that the world will be host to over 20 billion IoT devices, from smart speakers to smart wearables and everything — and I really do mean everything — in between.

And if you’re wondering just how far this all goes, Amazon just announced a new set of connected devices including a microwave and a house clock. Meanwhile, cities like Barcelona and Helsinki are embracing IoT technology to become smart cities, strengthening infrastructure, improving energy efficiency, and bolstering security in the process.

But what does this all mean for a business seeking growth and customer satisfaction? Well, as the world embraces these technologies, the way consumers expect to interact with content will change drastically (if it hasn’t already).

Browser-based experience will continue to matter, but smart speaker experiences, smartwatch experiences, and in-vehicle experiences will soon play a role in the customer’s experience and buying journey. As far as the numbers are concerned, it’s just a matter of time.

The only question is, do you have the technology in place to provide those IoT device experiences?

As of today, your brand is relying on one of the following three for its digital presence:

  1. A traditional CMS
  2. A Headless CMS
  3. A Hybrid CMS

But which one is best for the road ahead? Allow me to explain.

What to learn more about hybrid CMS? Jump into a specific section:

Ecommerce business guide

Download our Headless CMS guide

Find out how a headless CMS can transform how you think about web content, the difference between headless vs traditional CMS, things to consider when choosing a headless CMS, and many more.

 

What is a traditional CMS?

Before we get into explaining what a headless and hybrid CMS is, let us first recap of how a traditional CMS platform works.

Traditional CMS platforms, like WordPress, Drupal, and Joomla, allow users to create, edit, and publish content via an easy-to-use front-end interface, usually in the form of a WYSIWYG editor or an HTML editor. In essence, the front-end template helps to determine how the content will look like to the end-user when they visit the web page through a web browser like Google Chrome.

The content that is produced on the front-end editor is then stored on to a back-end database, which also contains the files and codebase to help run the CMS platform.

How traditional CMS works

 Besides governing the content, most traditional CMS help marketers manage other aspects of their website, including page structure, sitemap, and templates. It’s how the world of web content management has worked over the years, and it’s a pretty solid model.

However, the limitations of these traditional CMS platforms became apparent ever since IoT devices, like smartwatches, smart speakers, and even smart cars, grew in popularity.

The pre-built front-end interface dictated how and where content should be distributed, and in most cases, this was to a single web-based application such as a website or application. And since the front-end template is so tightly glued (or tightly coupled, which is the more appropriate term) to the back-end, both marketers and developers have little room for flexibility as to where they can push their content.

So, along came the headless CMS.

 

What is a headless CMS?

To define a headless CMS, think of the front-end and back-end components of a traditional CMS as the “head” and “body” of a CMS platform, respectively. When we decapitate and remove the head from the CMS platform, we end up with a headless CMS.

A headless CMS is front-end agnostic, which means it doesn’t come with a default front-end system to determine how your content is presented to your end-user. It essentially acts as a content repository which stores your content in its raw form.

So how does the content get delivered to your end-user? Well, since there is no default front-end presentation layer, developers are free to develop as many “heads” as they want, enabling brands to distribute content to a multitude of channels including websites, apps, billboards, and smart speakers. The content is distributed to each channel through API calls.

Most headless CMS platforms are 100% API driven, which why they’re suitable for delivering data and content to pretty much anywhere.

Headless CMS vs Decoupled CMS

 

Headless CMS benefits: Why are brands going headless?

The rapid surge in the adoption of IoT devices has brought a radical shift in consumer behavior. To illustrate this, a report by Geomarketing highlighted that 65 percent of consumers who own either an Amazon Echo or Google Home device can’t imagine going back to the days before they had a smart speaker. Another study by Think with Google revealed that 41 percent of consumers felt that speaking to their voice-assistant device was like talking to a friend or another person.

But it’s not just Amazon Echos and Google Homes brands are concerned with. Brands also need to create experiences through screens at physical locations, through smart wearable devices, through Augmented Reality and Virtual Reality goggles, and through whichever new technology emerges tomorrow.

The way consumers use the web is changing every single day, and intelligent brands know that they have to become as technologically flexible as possible in order to keep up.

So, headless content management systems are the way forward, right?

Well…


Ecommerce business guide

Download our Headless CMS guide

Find out how a headless CMS can transform how you think about web content, the difference between headless vs traditional CMS, things to consider when choosing a headless CMS, and many more.

 

The limitations of a headless CMS: Is headless enough?

Having the ability to distribute content to a multitude of devices is a huge advantage, but a headless CMS has its limitations — the biggest of which is the lack of a marketer-friendly environment.

Without a front-end interface like a WYSIWYG editor, marketers, especially those who have little or no technical expertise, will feel outcasted within their company’s tech stack. Instead of being proactive, they’ll have to heavily rely on IT to launch web pages or to make tweaks to the layout and design of their content. This over-reliance of IT can cause many internal conflicts between marketers and IT (as if there wasn’t enough of that already!).

In this setup, marketers have little control over their content, leaving them at a disadvantage whenever a sudden change in consumer behavior strikes. With a headless CMS, they either have to rely entirely on It for assistance, or cobble their own front-end environment together, which — as WordPress users will attest to — will create its own set of issues.

The solution? A hybrid CMS. 

Watch video demo

What is a hybrid CMS?

So to summarize, a traditional CMS is relatively marketer-friendly, whereas the headless CMS is more catered towards developers. A Hybrid CMS is the halfway house — giving developers the API-powered freedom they need to deliver content across channels, while at the same time, giving marketers the same user interface and user experience that a traditional CMS affords them. 

A Hybrid CMS is the halfway house — giving developers the API-powered freedom they need to deliver content across channels, while at the same time, giving marketers the same user interface and user experience that a traditional CMS affords them. 

Also known as a decoupled CMS, a hybrid CMS basically combines the API driven headless architecture with the front-end elements from a traditional CMS. It is the best of both worlds.

What is Hybrid CMS

The benefits of a hybrid CMS

To truly understand why brands must adopt a hybrid CMS, let’s take a look at some of the benefits:

1. Marketer-friendliness

Unlike a pure headless CMS, a good hybrid CMS will have a marketer-friendly user interface and a content publishing experience that includes WYSIWYG editing.

Hybrid CMS example: Core dna WYSIWYG editor
(Our WYSIWYG editor makes it easy for content managers and marketers to publish content and other digital assets)

So, instead of relying on developers at every turn, marketing teams can regain their autonomy by building web pages and structuring content for mobile apps, smartwatches, smart speakers, and so forth.

 

2. Easier to set up and maintain

A headless CMS comes as a back-end-only solution out-of-the-box. As mentioned, marketers may have to resort to acquiring the services of a front-end developer to build a custom front-end for their marketers to use, patched together with the marketer’s tools. This will cost time and money, while complicating maintenance.

In a hybrid CMS platform, marketers have access to front-end templates so they can quickly set up and build right away. 

3. Distribute content to other platforms through API

Similar to a headless CMS, a hybrid CMS stores content in a back-end repository. This enables you to push the same content via omnichannel delivery, in whatever format, through API calls.

4. Phase-driven development

The omnichannel delivery capabilities in a hybrid CMS also provides the ability to implement different content distribution methods as a phased approach. You can start with a website, and then roll out to different channels and touchpoints in an efficient and straightforward step-by-step manner.

 

5. Better integration capabilities

According to Scott Brinker writing in ChiefMartech, the average enterprise uses 91 different marketing tools. With a hybrid CMS, the ready-made front-end templates allow for better experience regarding the integration of different tools and technologies such as Slack, Salesforce, and Google Analytics. These tools can easily be plugged in by the marketers themselves.

Hybrid CMS example: Our forms are integrated with Slack
(Our forms are integrated with Slack)

 

6. Empowers both marketers and developers

A hybrid CMS empowers both your marketer and developer so they can provide a better experience for your end-user. Developers have the freedom to innovate, and marketers have more control in engaging with their consumers.

Watch video demo

 

Go headless, just don’t lose your head

As brands must face the inevitable move away from traditional CMS platforms toward an API-driven headless platform, many marketers feel apprehensive about making the move due to the lack of front-end.

The solution is to adopt a hybrid approach, which features omnichannel capabilities of a headless system, and user-friendliness of a traditional CMS. One way or another, brands must make the switch, and hybrid is the more viable and favorable option.

Sam Saltis
Sam Saltis

An entrepreneur at heart with over 20+ years of experience in building internet software, growing online companies and managing product development.

Loves all things SaaS, technology, and startups.

You can find him feeding his beloved fish when he's back in Australia.

Previous PosteCommerce Product Videos: 7 Ways to Use Video Content On Your Product Pages
Back
Next Post8 Things You Should Know Before Using Kentico Kontent (Formerly Kentico Cloud) as a Content Management Platform