Optimizely

Optimizely SaaS Visual Glossary

ago by Kiran Patil

Recently I came across Optimizely SaaS CMS Glossary: https://docs.developers.optimizely.com/content-management-system/v1.0.0-CMS-SaaS/docs/glossary and I thought it will be good to have a visual Glossary. As my mind absorbs information better with Visual. Yours too? Then this post is for you.

Jump to a category

Core Concepts

The foundational ideas that explain what Optimizely CMS (SaaS) actually is.

CMS

Content Management System

Software that lets people create, edit, organize, and publish digital content without writing code for every page.

📷 Screenshot for: CMS

In practice
A marketing team writes a blog post in a CMS instead of hand-coding HTML and uploading it via FTP.
In Optimizely
The umbrella product — everything else in this glossary lives inside the CMS.

CMS (SaaS)

Optimizely’s cloud-hosted CMS — fully managed, continuously updated, and built on Optimizely Graph + Visual Builder.

📷 Screenshot for: CMS (SaaS)

Credits : https://world.optimizely.com/products/cms/saas/
In practice
You don’t run servers or apply patches — Optimizely ships features and fixes automatically.
In Optimizely
This is the product this glossary documents. Manages multiple sites with shared assets and templates.

SaaS

Software as a Service

A delivery model where you access software over the internet instead of installing and running it yourself.

📷 Screenshot for: SaaS

In practice
Like Gmail or Figma — you log in via a browser; the vendor handles infrastructure.
In Optimizely
The “SaaS” in CMS (SaaS) means no infra to manage and seamless upgrades.

Headless

An architecture where the backend (content) is separated from the frontend (presentation) and exposed via APIs.

📷 Screenshot for: Headless

Credits : https://www.optimizely.com/insights/blog/navigating-cms-architectures/
In practice
The same content powers a website, mobile app, and digital signage — each fetches it via API.
In Optimizely
CMS (SaaS) is headless: content lives in CMS; React/Next.js apps render it via Optimizely Graph.

Visual Builder

A drag-and-drop WYSIWYG editor with real-time preview for composing pages from reusable sections and elements.

📷 Screenshot for: Visual Builder

Credits : https://docs.developers.optimizely.com/content-management-system/v1.0.0-CMS-SaaS/docs/get-started-with-visual-builder
In practice
A marketer assembles a campaign landing page by dragging a hero, two CTAs, and a video — no developer needed.
In Optimizely
The default authoring experience for Experiences (composable pages) in CMS (SaaS).

Optimizely Graph

A GraphQL-powered API for querying and delivering CMS content across platforms via a global CDN.

📷 Screenshot for: Optimizely Graph

In practice
A Next.js site queries only the fields it needs — title, hero image, body — and the CDN serves it in milliseconds worldwide.
In Optimizely
The primary read API for delivering CMS (SaaS) content to any frontend.

Content Model

How content is structured, typed, and described inside the CMS.

Content Modeling

Defining the types of content and how they relate — pages, blocks, fields, references.

📷 Screenshot for: Content Modeling

In practice
Deciding that an “Article” has a title, author, body, and hero image — and that authors are their own content type.
In Optimizely
Done via the UI or REST API; the model integrates directly with Optimizely Graph.

Content Type

A reusable definition (Experience, Section, Element, Page, Shared Block, Media) with its own set of fields.

📷 Screenshot for: Content Type

In practice
“Press Release” is a content type with a date, headline, and body — every press release uses the same shape.
In Optimizely
Defined via the UI or REST API under Settings → Content types.

Base Type

A parent template that dictates shared properties and behaviors inherited by specific content types.

📷 Screenshot for: Base Type

Credits : https://docs.developers.optimizely.com/content-management-system/v1.0.0-CMS-SaaS/docs/content-base-types-saas
In practice
Like a class in OOP — every “Page” inherits common fields (URL slug, SEO metadata) from the Page base type.
In Optimizely
Ensures consistency in settings and templates across many content types.

Page Type

A content type used to build pages — defines the title, main body, and other properties content editors fill in.

📷 Screenshot for: Page Type

In practice
A “Product Page” page type ensures every product detail page on your site has the same structure.
In Optimizely
Selected when a content editor clicks Create → Page.

Block Type

A reusable component definition (banner, video, contact form) with properties and an editing UI — no URL of its own.

📷 Screenshot for: Block Type

In practice
“Hero Banner” block type has fields for headline, subtitle, image, and CTA — used across many pages.
In Optimizely
Block types power both Shared Blocks and Inline Blocks.

Component

A generic content type used as a field on other content — or as a standalone instance — that supports multiple locales.

📷 Screenshot for: Component

In practice
An “Author Bio” component is attached to many Articles, but can also stand alone.
In Optimizely
Toggle “Available for composition in Visual Builder” to use it inside sections/elements.

Properties

The individual fields that make up a content type — text, image, link, date, number, choice, etc.

📷 Screenshot for: Properties

In practice
An Article’s properties are title (Text), hero (Image), publishDate (DateTime), and tags (Choice).
In Optimizely
The building blocks of every content type. Defined in Settings or via REST API.

Metadata

Information about information — meta descriptions for SEO, alt text on images, file size on a PDF.

📷 Screenshot for: Metadata — click below to upload

In practice
The meta description that appears under a page title in Google search results.
In Optimizely
Used for SEO, Optimizely Graph queries, and asset descriptions.

Globalization

Managing content in multiple languages and localizing the user interface.

📷 Screenshot for: Globalization

In practice
Your homepage exists in English, German, and Japanese — all variants are linked but independently editable.
In Optimizely
Configured via Settings → Languages; each piece of content has language branches.

Master Language

The language a piece of content is first created in — the source for all translations.

📷 Screenshot for: Master Language

In practice
If English is your master language, German and French translations branch off from the English version.
In Optimizely
Set per application; controls fallback behavior when a translation is missing.

Visual Builder

The composable page-building system at the heart of CMS (SaaS).

Experience

A flexible, composable web or app page made of sections and elements — built in Visual Builder.

📷 Screenshot for: Experience

In practice
A holiday campaign landing page assembled from hero + 3 features + testimonial sections.
In Optimizely
Gives developers access to the layout system and the UnstructuredData array.

Section

A horizontal slice of a page — a row/column grid of elements. Save it as a blueprint to reuse it.

📷 Screenshot for: Section — click below to upload

In practice
A “Three Feature Cards” section that appears on the homepage and three product pages.
In Optimizely
The middle layer between an Experience (whole page) and an Element (single component).

Elements

Reusable design components — banners, CTAs, buttons — with adjustable fonts, colors, and layout, plus locked brand rules.

📷 Screenshot for: Elements

In practice
A “Primary CTA Button” element you drop into any section; brand colors are locked, copy is editable.
In Optimizely
The smallest unit in Visual Builder — sits inside Sections.

Blueprint

A reusable Visual Builder layout template content managers can create directly in the UI from sections or whole experiences.

📷 Screenshot for: Blueprint

In practice
Save a polished “Product Launch” page as a blueprint — next launch, start from it instead of a blank canvas.
In Optimizely
Saved via the “Save as blueprint” action.

Outline

A list view of the sections on a page — drag to reorder, click to jump to the section in the preview.

📷 Screenshot for: Outline

In practice
On a 12-section landing page, the outline lets you reorder “Pricing” above “Features” in two clicks.
In Optimizely
A panel in the Visual Builder UI alongside the live preview.

Style

Pre-approved visual settings (typography, color, spacing) that can be applied at any level — row, column, section, or experience.

📷 Screenshot for: Style

In practice
Apply “Dark Mode” style to a section and every element inside it follows the dark palette.
In Optimizely
Defined by developers; chosen by editors from the Styles panel.

Interactive Preview

Live previews on desktop, tablet, and mobile — test interactions before publishing with instant visual feedback.

📷 Screenshot for: Interactive Preview

In practice
Click a mobile breakpoint to confirm a CTA still works on a 375px screen before going live.
In Optimizely
Built into the Visual Builder editing experience.

Content & Assets

The actual stuff editors create, upload, and arrange — and the containers that hold it.

Asset

Reusable content like documents, videos, and images that can be linked to pages and shared blocks.

📷 Screenshot for: Asset

In practice
A “Brand Logo.png” lives once in DAM and is referenced from every page that uses it.
In Optimizely
Managed in the DAM (Digital Asset Management) system.

Assets Panel

A customizable side panel where you drag assets, shared blocks, files, or products into a page.

📷 Screenshot for: Assets Panel

In practice
Drag the “Q4 Promo Banner” shared block from the panel into the homepage’s hero slot.
In Optimizely
The right-hand drawer in the editing UI.

Block

A reusable chunk of content — either a Shared Block (stored separately, reusable) or an Inline Block (lives inside a page).

📷 Screenshot for: Block

In practice
“Newsletter Signup” can be a shared block used everywhere, or an inline block specific to one campaign.
In Optimizely
See the dedicated Shared Block and Inline Block cards below.

Shared Block

Reusable content (banner, video, page listing) that can be inserted into many pages — edits propagate everywhere.

📷 Screenshot for: Shared Block — click below to upload

In practice
Update one “Holiday Promo” shared block and all 12 product pages using it refresh instantly.
In Optimizely
Created from a block type; lives in the assets pane and is reusable across applications.

Inline Block

A block stored inside the page where it was created — not reusable, doesn’t appear in the assets pane.

📷 Screenshot for: Inline Block

In practice
A one-off testimonial that only lives on a single case study page.
In Optimizely
No separate publish step — saving the parent page saves the inline block.

Content Area

A container that holds a collection of items (shared blocks, pages) — editors manage order, grouping, and display.

📷 Screenshot for: Content Area — click below to upload

In practice
A “Related Articles” content area on a blog post lets the editor curate three related posts.
In Optimizely
A property type on a content type; flexible and editor-friendly.

Media

Files such as images, PDFs, Word documents, videos, or audio.

📷 Screenshot for: Media

In practice
A hero image, a downloadable spec sheet PDF, or an MP4 product demo.
In Optimizely
Managed in DAM; backed by a BLOB provider for cost-efficient storage.

BLOB

Binary Large Object

A storage framework optimized for large binary data — cloud-based instead of in a database.

📷 Screenshot for: BLOB

In practice
A 200MB video file lives in cloud blob storage, not in the SQL database that holds page metadata.
In Optimizely
Powers the asset system in CMS (SaaS) — keeps storage cheap and queries fast.

Autosave

Saves your work automatically (every minute by default) so a crash doesn’t lose your edits.

📷 Screenshot for: Autosave

In practice
Your browser tab crashes after 40 minutes of writing — your draft is still there when you reopen.
In Optimizely
Interval can be tuned per organization.

Rich-Text Editor

A WYSIWYG editor for formatting web content — bold, italic, lists, links, images.

📷 Screenshot for: Rich-Text Editor — click below to upload

In practice
Same experience as writing in Google Docs — but the output is structured HTML.
In Optimizely
Powered by TinyMCE; used for body fields on most page and block types.

People & Permissions

Who uses the CMS, and what each role is allowed to do.

User

Anyone who logs into the CMS to manage content — admins, editors, marketers, merchandisers.

📷 Screenshot for: User

In practice
Your team — content creators, approvers, and developers — each with different permissions.
In Optimizely
Managed via Opti ID and access rights.

Visitor

Someone browsing your site in a web browser — can use public functions but can’t create content.

📷 Screenshot for: Visitor — click below to upload

In practice
The customer reading your blog post or filling out a contact form.
In Optimizely
Has limited access — bounded by visitor-facing access rights.

Developer

The person who writes code to implement features — content types, integrations, custom rendering.

📷 Screenshot for: Developer

Credits : https://niteco.com/articles/optimizely-launches-saas-cms-with-a-brand-new-architecture/
In practice
Builds the Next.js frontend that consumes Optimizely Graph and renders the site.
In Optimizely
Works in the REST API, JavaScript SDK, and content type definitions.

Occasional Editor

Someone who edits content infrequently — typically without permission to publish.

📷 Screenshot for: Occasional Editor

In practice
A subject-matter expert who updates one page a quarter and submits for approval.
In Optimizely
Often configured with Create/Change rights but not Publish.

Access Rights

Controls who can do what — Read, Create, Change, Delete, Publish, Administer.

📷 Screenshot for: Access Rights

In practice
Marketing can publish blog posts, but only Admins can change site-wide settings.
In Optimizely
Set per user/group on any node in the content tree.

ACL

Access Control List

The underlying permission list — who is allowed to read, change, or publish a node in the content tree.

📷 Screenshot for: ACL

In practice
Restrict an entire “HR” subtree so only HR users can see or edit its pages.
In Optimizely
The mechanism behind Access Rights.

Approval Sequence

A defined workflow of reviewers needed to approve content or settings changes before they go live.

📷 Screenshot for: Approval Sequence

In practice
Editor → Legal Review → Brand Approver → Published. Each step requires sign-off.
In Optimizely
Configured in Settings; applies to content, access rights, language changes, etc.

Platform & Admin

Environments, settings, and the surfaces admins live in.

Application

A distinct project or website inside the same CMS environment — its own URLs, languages, and shared content rules.

📷 Screenshot for: Application

In practice
One CMS instance powers acme.com, acme.de, and acme-careers.com — three Applications, shared assets.
In Optimizely
Managed in Settings → Applications.

Instance

An individual environment of CMS (SaaS). You get three — typically dev / staging / production.

📷 Screenshot for: Instance

In practice
Test a new content model on staging; once verified, promote to production.
In Optimizely
Configured under Configure environments.

Environment

Synonym for instance — an individual installation of CMS (SaaS).

📷 Screenshot for: Environment

In practice
“Promote this content from the staging environment to production.”
In Optimizely
Used interchangeably with “instance” in the docs.

Administrator Page

Where admins manage access rights, languages, scheduled jobs, imports/exports, and multi-site configuration.

📷 Screenshot for: Administrator Page — click below to upload

In practice
Adding a new language to your site or creating an API key for a partner.
In Optimizely
Accessible from the Settings area.

Dashboard

An overview page where content managers add gadgets and monitor activity.

📷 Screenshot for: Dashboard

In practice
“Tasks assigned to me”, “Recent edits”, and “Scheduled publishes” all on one screen.
In Optimizely
The landing screen when you log in.

Gadget

A small UI component you can place on the dashboard or in side panels.

📷 Screenshot for: Gadget

In practice
A “Recent Comments” gadget shows new collaboration comments without leaving the dashboard.
In Optimizely
Each handles its own rendering and behavior.

Navigation Panel

The left-side panel showing the page tree, language branches, tasks, and project items.

📷 Screenshot for: Navigation Panel — click below to upload

In practice
How you navigate from the homepage down to a specific blog post inside a 500-page site.
In Optimizely
Always present in the CMS editing UI.

Global Navigation Bar

The top bar in the UI — switch between Optimizely products and access user controls.

📷 Screenshot for: Global Navigation Bar

In practice
Jump from CMS to ODP, Web Experimentation, or Configured Commerce without re-logging in.
In Optimizely
The uppermost element on every CMS screen.

URLs & Navigation

How visitors and editors find their way around.

URL

Uniform Resource Locator

A web address — like https://world.optimizely.com.

📷 Screenshot for: URL

In practice
What you paste in a browser or share in a tweet.
In Optimizely
Every Page has one; Blocks don’t.

SEO URL

A simple, readable web address that can replace the hierarchical URL when links are rendered.

📷 Screenshot for: SEO URL

In practice
/winter-sale instead of /en/marketing/campaigns/winter/2026-sale.
In Optimizely
The site responds to both — SEO URL is just the friendly alias.

A link from one page of your site to another page on the same site.

📷 Screenshot for: Internal Link

In practice
A blog post linking to the product page it’s about — keeps users on your domain.
In Optimizely
Resolved automatically; updates if the target page moves.

A link to a page on a different domain — usually opens in a new tab.

📷 Screenshot for: External Link — click below to upload

In practice
A link from your blog post to a research paper hosted on another site.
In Optimizely
Editors choose internal vs. external in the link picker.

Landing Page

A standalone page visitors “land” on after clicking a banner or ad — usually built to drive one specific action.

📷 Screenshot for: Landing Page

In practice
A “Sign up for our webinar” page with a single big CTA and no nav distractions.
In Optimizely
Commonly built as a Visual Builder Experience from a campaign blueprint.

Breadcrumb

The clickable path to the current page (Home › Blog › 2026 › This Post) — backtrack with one click.

📷 Screenshot for: Breadcrumb — click below to upload

Credits : https://www.justinmind.com/ui-design/breadcrumb-website-examples
In practice
Helps visitors understand where they are and helps editors navigate the page tree.
In Optimizely
Appears in both the visitor-facing site and the editing UI.

Root

The single top-level parent of the entire content tree.

📷 Screenshot for: Root — click below to upload

In practice
“All content” — every page, block, and asset descends from here.
In Optimizely
Found at the top of the navigation panel.

PDP

Product Display Page

A commerce page that displays a product for sale.

📷 Screenshot for: PDP — click below to upload

Credits : https://www.plytix.com/blog/ecommerce-pdp
In practice
An Amazon-style page with photos, price, description, reviews, and Add to Cart.
In Optimizely
Often built as an Experience and integrated with Configured Commerce.

Search & SEO

How content gets found — by visitors and by search engines.

SEO

Search Engine Optimization

Making content rank well in search engines through structure, metadata, and content quality.

📷 Screenshot for: SEO

credits : https://backlinko.com/seo-basics-for-beginners
In practice
Writing a compelling meta description, using semantic HTML, and adding alt text to images.
In Optimizely
Built-in SEO fields on most content types.

Search Phrase

The words a user types into a search box.

📷 Screenshot for: Search Phrase

In practice
“winter coat sale” typed into the site search returns matching products.
In Optimizely
Processed by the search provider (Optimizely Graph for semantic search).

Search that understands meaning — not just keywords. Includes faceted filters and fuzzy matching.

📷 Screenshot for: Semantic Search

In practice
Search for “running shoes” and get results for “sneakers” and “trainers” too.
In Optimizely
A core capability of Optimizely Graph.

Developer & Technical

APIs, data formats, and the technical scaffolding underneath.

API

Application Programming Interface

A contract that lets software components talk to each other — read data, trigger actions, integrate systems.

📷 Screenshot for: API

Credits : https://world.optimizely.com/blogs/szymon-uryga/dates/2023/11/optimizely-graph-and-next-js-building-scalable-headless-solutions/
In practice
A mobile app calls the CMS API to fetch the latest articles for its feed.
In Optimizely
CMS (SaaS) exposes REST and GraphQL APIs.

REST API

A web API for managing CMS configuration — content types, properties, and resources — over HTTP.

📷 Screenshot for: REST API

Credits : https://docs.developers.optimizely.com/content-management-system/v1.0.0-CMS-SaaS/reference/introduction-to-the-cms-content-api
In practice
A CI pipeline POSTs content type updates to staging on every merge.
In Optimizely
The main programmatic surface for developers; ideal for iterative workflows.

Operation

A single API call — the combination of an HTTP method and an endpoint, e.g. GET /changesets.

📷 Screenshot for: Operation

Credits : https://docs.developers.optimizely.com/content-management-system/v1.0.0-CMS-SaaS/reference/introduction-to-the-cms-content-api
In practice
Each endpoint in the API reference is one operation you can call.
In Optimizely
Documented in the CMS (SaaS) REST API reference.

JSON

JavaScript Object Notation

A lightweight text format for exchanging data — readable by humans and easy for machines to parse.

📷 Screenshot for: JSON

Credits : https://docs.developers.optimizely.com/content-management-system/v1.0.0-CMS-SaaS/reference/introduction-to-the-cms-content-api
In practice
What API responses look like: {"title": "Hello", "draft": false}.
In Optimizely
The default format for REST API requests and responses.

XML

Extensible Markup Language

A structured text format using tags — older and more verbose than JSON, but still common in enterprise integrations.

📷 Screenshot for: XML

Credits : https://www.logicbig.com/tutorials/misc/xml/xml-basics.html
In practice
SOAP integrations, sitemaps, RSS feeds, and config files.
In Optimizely
Used in some legacy export/import formats and feed integrations.

Webhook

A reverse API — when something happens, the CMS pings your URL with event data in real time.

📷 Screenshot for: Webhook

Credits : https://snipcart.com/blog/what-are-webhooks-explained-example
In practice
“Page published” → CMS POSTs to your build server → site rebuilds automatically.
In Optimizely
Used to trigger downstream systems on content events and to collect form data.

GUID

Globally Unique Identifier

A long, statistically-unique ID like f47ac10b-58cc-4372-a567-0e02b2c3d479.

📷 Screenshot for: GUID

In practice
Every piece of content has one — stable even if the title or URL changes.
In Optimizely
Used internally and in API responses to identify content unambiguously.

CSS

Cascading Style Sheets

The language that controls visual appearance — fonts, colors, layout — separately from content.

📷 Screenshot for: CSS

Credits : https://medium.com/@mackenzeeblood01/getting-started-c-s-s-basics-f0eafe1975f0
In practice
One CSS file change repaints your entire site in new brand colors.
In Optimizely
Used in the frontend; Visual Builder Styles are a CSS-driven layer.

WYSIWYG

What You See Is What You Get

Editing where the on-screen view matches the published output.

📷 Screenshot for: WYSIWYG

In practice
Make a heading bold in the editor and it looks bold immediately — no preview needed.
In Optimizely
Visual Builder is the WYSIWYG editor for composing pages.

Compliance & Misc

Terms that don’t fit a single bucket but are still part of the vocabulary.

GDPR

General Data Protection Regulation

European data protection law governing how personal data is collected, stored, and processed.

📷 Screenshot for: GDPR

Credits : https://www.hipaaguide.net/gdpr-for-dummies/
In practice
Cookie consent banners, the right to be forgotten, and explicit opt-in for marketing emails.
In Optimizely
Optimizely publishes GDPR guidelines for CMS implementations.

Source: All definitions are based on the official Optimizely CMS (SaaS) glossary. Use cases and visual treatments are added for clarity.

You May Also Like

How I Deployed My Optimizely Content JS SDK Next.js App on Vercel (Hello Opti World)

Optimizely CMS SaaS – Chrome Extension to Stop Accidentally Editing Production

Optimizely SaaS CMS Contracts: Define Shared Structure Across Content Types