The Experience Editor is an editing environment designed for Content Authors and Approvers to edit and write content directly on a web page from a User's perspective. You can edit items that are visible on the page — text, graphics, logos, links, and components.

From the Launchpad, you are redirected into the Experience Editor workspace. 

Experience Editor Ribbon

The ribbon section displays the available functionality top of the webpage. Each tabs on the ribbon, has its own set of functions. Functions vary depending on your roles and the customizations of the website. You can edit the fields of the current item and the fields of any items rendered on the page and edit the titles without navigating to the items.

There is always a Save button in the top-left corner.

When editing an item, you can click Hide Ribbon  to hide the ribbon temporarily and give yourself more space to work with. Click Show Ribbon  to display the ribbon.

There are two main areas of the Experience Editor:

• Experience Editor Main Menu
• The Editing Area

Experience Editor Main Menu

Grid Icon–The Grid Icon will return you to the Launchpad options

Tabs–The Experience Editor main menu Tabs launch different options for working with content.

Save–Save, is designated by the disc Icon, it is always located at the left side of the menu bar.

Ribbon Options–Each Tab has a set of Ribbon Options that provide all the available functionality needed to manage your website.

Content Tree–Content Tree is a visual representation of the pages, folders, images, and documents (Referred to as items) that make up the website.

Editing Area

The Editing Area allows you to easily make changes to page properties or content directly on the page. You can edit items that are visible on the page such as text, graphics, logos, links, and so on.

• Page Banner - Edit the alert message (System Administrators Only)

• Page Content - editing content such as text, graphics, and links