[Partner Spotlight] How to Combine the Power of Progressive Web Apps and CoreMedia’s Experience Composition

Mobify & CoreMedia recently met in Vancouver to pair Mobify’s expertise in delivering Progressive Web Apps with CoreMedia’s capabilities in Experience Composition.

Imagine your task is to implement a best-in-class ecommerce experience that’s mobile-first, has stellar performance, and combines ecommerce functionality with inspirational content that’s easy to use – enabling your marketing team to manage dozens, if not hundreds of campaigns and promotions internationally, at the same time.

The Mobify and CoreMedia team recently completed an exercise to do just that, by combining Mobify’s Front-end as a Service – designed to help teams craft amazing shopping experiences using Progressive Web Apps – and CoreMedia Content Cloud’s Content as a Service (CaaS).

The Exercise: Combining Mobify & CoreMedia

We used the out-of-the-box configuration for this exercise, which made it easy for the Mobify Platform access the navigation structure, page layouts, and embedded content items like articles or collections, along with all required data.

Under the hood, Mobify uses React.js, an open source library to compose user interfaces out of components. Leveraging that, we created a CoreMedia React component with three responsibilities:

  1. Fetch data from CoreMedia Content Cloud’s CaaS
  2. Map the CaaS data to Mobify’s optimized React component library
  3. Render the React components to the page

The second responsibility is the most interesting. The CoreMedia React component iterates through the CaaS JSON response, mapping CaaS elements to other React components. Each element’s data is then mapped to the React component’s props.

This mapping allows marketing teams to effortlessly compose content in CoreMedia that will be rendered as part of Mobify’s Progressive Web App! And with Mobify’s optimized library of components that cover a wide variety of ecommerce use cases, it’s very easy to get started.

Experience Composition

CoreMedia Content Cloud’s Experience Composition seamlessly integrates inspirational content created and managed within CoreMedia and product catalogues, and the ecommerce functionality provided by an ecommerce platform like Salesforce Commerce Cloud.

The CoreMedia Studio makes it easy to mix and match content with products, assign them to a page, and select a suitable look and feel.

CoreMedia's Experience Composition

Once a page is ready it can be submitted for approval, translated to multiple languages, and scheduled for publication. The page can be reviewed at any time with the integrated omnichannel preview, and a marketer can review the page at specific points in time or for different target groups with time-travel and personas.

The key advantages of CoreMedia Content Cloud’s Content as a Service are:

  • Content is provided in an easy to consume JSON format
  • It is easy to define which data is exposed to reduce overhead
  • Data from multiple embedded content items can be aggregated to reduce the number of requests and increase performance
  • It provides a customizable business layer to adapt the responses to the business needs

A Powerful Pair

As CoreMedia Content Cloud is truly omnichannel, it’s very easy to integrate the Mobify Platform as the front-end experience. With Content as a Service (CaaS), CoreMedia provides the ideal component to supply Mobify’s Front-end as a Service with the content and layout configuration.

Leave a Reply

avatar
  Subscribe  
Notify of
Resource ad

Subscribe to the Mobify Insights Blog

Stay in the know on the latest in mobile commerce so you can effectively engage your customers and drive revenue.

Related Articles