Out-of-the-box Components

Create pages quickly with backward-compatible out-of-the-box components like bread crumbs, forms, page navigation, search teasers, and search. This makes it easy for authors to build pages, while developers increase productivity and save time creating custom text or image components.


You want a new experience. Here’s how to get there faster.

In the world of digital experiences, it’s a constant race around the clock to capture your customers’ attention. But authoring web pages to deliver new information can be a painful time sink, especially if you have to code everything from scratch. Worse, if you’re not an HTML expert, figuring out what’s needed behind the scenes to get your web pages live can be doubly frustrating.

Out-of-the-Box (OOTB) components are just what the doctor ordered to make quick work of new web pages. With this feature, create responsive page experiences with less coding or customization work. Simply select the components you want and use them like building blocks to create exactly what you need. Even better, OOTB components can be the starter kit on which to customize your own pages, if you so prefer.

See what makes it work.

Functional components
Each out-of-the-box component is a collection of scripts that completely delivers a specific function. You can then configure each one to give you just what you need. 

Inherit relationships
Like all components, OOTB components preserve their relationship with each other even as they get used across different web pages. This inheritance ensures that components look and act the way they should to deliver a consistent web experience.

Components you can trust
With our pretested, production-ready components, you can rest assured that these components will work as expected. This helps you spend less time on quality assurance, testing, and maintenance and more time on what really matters.

Learn more about out-of the-box components in Adobe Experience

Get a handle on out-of-the-box components.

Read about using Adobe Experience Manager’s native components and how to build your own in our documentation.

Read more

Discover component inheritance.

Find out how component hierarchies play out in Adobe Experience Manager Sites and what inheritance really means in our Help section.

Read now

See related features.

In-context editing

Build, publish, and update pages faster and easier with our in-context WYSIWYG interface, with its drag-and-drop components, simple keyboard shortcuts, visual search, and reusable content.

Template editor

Create and manage page and targeted email templates without a developer. Power authors can add and preconfigure components like text and images, as well as define which components can be edited.

Experience fragments

Group content and layouts to create channel-agnostic, reusable fragments that can publish to any screen, ensuring consistent messaging and design without building multiple creative assets.

Let’s talk about what Adobe Experience Manager Sites can do for your business.

Let’s talk about what Adobe Experience Manager Sites can do for your business.