Content and Experience Cloud and Oracle Commerce Cloud Integration – Part 1

With the recent release of content as a service (CaaS) and digital asset management capability in CEC (Content and Experience Cloud), you can now develop a custom widget and customize the product detail page layout in OCC (Oracle Commerce Cloud) to display the digital asset and content item stored in CEC.

This blog discusses the use of non-public Content SDK/API. The Content SDK/API might change without warning. The Content SDK/API might be published later as part of the Content & Experience Cloud.

In this series of blog, I will be demonstrating on how to pass the product ID from a custom OCC widget to the Content SDK / REST API to retrieve the product image stored in CEC.  You can then easily build from this example to support more advanced use cases like blogs, content items etc.

If you would like to know more about Oracle Commerce Cloud product and the steps on how to create a widget, you can review the following documentation:

Oracle Commerce Cloud Service

Oracle Commerce Cloud Service Widget Development Guide

There will be 3 parts in this blog series:

  1. Part 1: Introduction, CEC and OCC Environment Preparation
  2. Part 2: OCC Widget Development with Content SDK
  3. Part 3: OCC Widget Installation and Page Customization

The objectives of this demonstration are:

  • Demonstrate how to create a OCC custom widget
  • Demonstrate how to use the CEC Content SDK / REST API

cec_occ_1

Before you start your custom widget development, you would need to make sure that the CEC and OCC environment is ready.

Step 1: Preparing CEC and OCC

  1. You would need to upload a product image to CEC
    1. Drag and drop the product image in the Digital Asset folder, and add the image to a collection.
    2. Publish the product image.

    cec_occ_17

  2. Create a product in OCC
    1. Login to OCC and go to Catalog tab, then select the Category (If this category doesn’t exist, you can create one by clicking “New Collection”)
    2. cec_occ_2

    3. In the General Tab, enter the following Product Information
      • Name
      • Product ID (Note: it must be the same as the name of the image, for example if the image you have uploaded to CEC is “OracleTravelMug.jpg”, the product ID will be “OracleTravelMug” without the extension)
      • Description
      • Brand

      cec_occ_3

    4. In the Price Groups Tab, choose the Default Price Group and enter List Price
    5. cec_occ_4

      cec_occ_5

In part 2 of this blog, I will show you how to create a custom widget and how to add and use the CEC Content SDK /REST API in your custom widget.

Add Your Comment