November Happy Hour will be moved to Thursday December 5th.

Patrick Lam
Jul 29, 2024
  991
(1 votes)

Optimizely SaaS CMS Content Types

In Optimizely CMS, there are many base content types you can define through code, such as component, image, video, folder, and sections. But today, we will be focusing on the content types you'll see in the CMS UI: Page, Block, Media, Experience, and Element.

For those who are already using our Optimizely PaaS CMS, you are probably familiar with the base content types: Page, Block, and Media. With the introduction of Optimizely SaaS CMS and Visual Builder, we've added two new types: Experience and Element.

Let's go over the details of these content types and what you can do with them. You can also follow along with this interactive demo!

 

Page Type

Definition: Content that can be displayed with a template and unique URL.

A Page Type is what you would use to represent a webpage on your website. You can have multiple web pages using the same Page Type, but each webpage must be a Page Type.

A typical use of a Page Type can be one of three things:

  • A set template for a page, where the layout is predefined and you are only filling out some content. For example, a search result page or a product listing page.
  • A container page, where there is no set layout, and you are free to modify the layout and content as you wish. For example, a special campaign page or terms and conditions page.
  • A mix of both, where there is some set layout predefined, but still have some freedom for certain layouts/structures. For example, a homepage with predefined areas for content, but you can change between 2, 3, or 4 columns in certain areas.

 

Block Type

Definition: Re-usable content that can be displayed with a template. But it has no URL.

A Block Type is a component or module that makes up a portion of a web page. It can consist of other Block Type, Content, and Media Type, and the usage of it can vary as wide as your creativity goes. For example, we can create Block Types for doing the following:

  • A Carousel container, used for holding multiple slides
  • A slide used in a carousel
  • A button
  • A navigation menu
  • SEO settings for a page
  • Label dictionary for the website
  • An interactive map

As you can see, a Block Type is very versatile and can be used in many different situations and serves many different purposes.

 

Media Type

Definition: Assets such as image, video or document.

A Media Type is basically any file you want to upload into the CMS. We have broken this down into three major types: Image, Video, and Other.

  • Image are for files such as jpg, png, webp, svg, gif, tiff, etc.
  • Video are for files such as mp4, avi, mov, wmv, webm, mkv, ogg, etc.
  • Other media is for everything else such as pdf, docx, mp3, zip, iso, ttf, js, css, etc.

You will need to define these if you want to use them in your blocks, pages, or anywhere else as part of the properties or content.

 

Experience Type

Definition: Base content type used in Visual Builder.

An Experience Type is very similar to Page Type, as it is an extension of it. However, the biggest difference is that this enables the use of Visual Builder. And with Visual Builder, we don't have to worry about creating an Experience Type with certain predefined layouts or not, because that's what the Visual Builder was designed to solve. Allowing us to create and edit pages easily, including control over layout and styling.

 

Element Type

Definition: Content which can be used to build an Experience in Visual Builder.

An Element Type is very similar to Block Type, as it is an extension of it. Just like the Experience Type, Element Type is used in the Visual Builder, but as building blocks to create and complete a full experience.

 

Section Type

As a bonus, a Section Type. This is not available as an option in the drop down when you're creating Content Types, however, it comes as default with your SaaS CMS and it is mainly used to help organize your content within an Experience Type in the Visual Builder. Recalling from the "Optimizely SaaS CMS Concepts and Terminologies", a "Section is a visually distinct segment of your webpage", it allows us to structure and organize our content within an Experience Type while using the Visual Builder.

 

Content Type Edit Options

Now that we have gone over the different types of content you can create in the CMS UI, let's take a quick look at the different of options available for you to configure. 

Properties

This is where you setup majority of the configuration for your content type. Here you will be adding different properties to build out the content and other info you'll need. The types of properties are categorized as follows, and most of them have multiple variations to chose from: Text, Block, Content, Date/Time, Link, Number, Choice, Guid.

  • Text: Long string, String, XHTML string
  • Block: The Block Type you have defined
  • Content: Content Area, Content Area Item, Content Reference
  • Date/Time: Date range selection
  • Link: Link collection, LinkItem, URL to document, URL to image, URL to page/external address
  • Number: Floating point number, integer
  • Choice: Drop-down list, Select list (multiple selection), Selected/not selected
  • Guid

 

Details

This is purely informational, providing specific details on the content type.

  • GUID: Globally Unique Identifier
  • Base: Which base type in code is this content type based off of
  • From code: Whether this content type was created from code or UI
  • Created: Date and time this content type was created
  • Modified: Date and time this content type was modified and by who

 

Default Values

This is only available for Page Type only and it allows you to automatically change the sorting order of any new page created using this Page Type.

 

Child Content Types

For all content types, you might be using other content types as its content. This setting allows you to control which type of content is or is not allowed to be used as content.

 

Permissions

This provided control on which user or group is allowed to create a new instance of this content type.

 

Settings

This has the Name, Display name, and Description of the content type you've entered when you first created it. It also includes the Sort index, and the toggle for whether this content type is Available in edit view. In Media Types, it will have the additional info for Supported media extensions which you've also entered during creation of the content type. And lastly, it has the option for you to delete this content type.

 

Start Building!

Hopefully this has been helpful! Stay tuned for more blogs, next on the list, content modeling!

 

Resources

Developer Doc

User Doc

Blogs

 

Jul 29, 2024

Comments

Richard
Richard Aug 2, 2024 05:03 PM

How is inheritance handled in SaaS? For example creating a base page type with a heading and some SEO attributes that's the parent of other specialist page types. 

Patrick Lam
Patrick Lam Aug 7, 2024 01:31 PM

Hi Richard, unlike how we do them in PaaS, where we can extend page types, we can't do that in SaaS yet. But a way to get around it is by creating Blocks which you can reuse and include on those specialized page types.

Please login to comment.
Latest blogs
Video Guides: Image Generation Features in Optimizely

The AI Assistant for Optimizely now integrates seamlessly with Recraft AI, providing advanced image generation capabilities directly within your...

Luc Gosso (MVP) | Dec 1, 2024 | Syndicated blog

DAM integration new major version, performance improvements and Library Picker folder selection

As you might already have seen we have decided to delist the EPiServer.CMS.WelcomeIntegration version 1.4.0 where we introduced Graph support....

Robert Svallin | Nov 29, 2024

Adding Geolocation Personalisation to Optimizely CMS with Cloudflare

Enhance your Optimizely CMS personalisation by integrating Cloudflare's geolocation headers. Learn how my Cloudflare Geo-location Criteria package...

Andy Blyth | Nov 26, 2024 | Syndicated blog

Optimizely SaaS CMS + Coveo Search Page

Short on time but need a listing feature with filters, pagination, and sorting? Create a fully functional Coveo-powered search page driven by data...

Damian Smutek | Nov 21, 2024 | Syndicated blog

Optimizely SaaS CMS DAM Picker (Interim)

Simplify your Optimizely SaaS CMS workflow with the Interim DAM Picker Chrome extension. Seamlessly integrate your DAM system, streamlining asset...

Andy Blyth | Nov 21, 2024 | Syndicated blog

Optimizely CMS Roadmap

Explore Optimizely CMS's latest roadmap, packed with developer-focused updates. From SaaS speed to Visual Builder enhancements, developer tooling...

Andy Blyth | Nov 21, 2024 | Syndicated blog