On-Page Editing view

  • Updated

You see on-page editing when accessing the edit view in Optimizely Content Management System (CMS). From here, you can start editing content; the areas available for editing are highlighted. The available areas depend on how the page type was defined, and each area is set up with a property type that controls what you can do with each area. One area can, for example, have an image property type and is intended for images; another area can have a page description property and is intended for text describing the page. This means that you will have different editing options when clicking an area, depending on the area's type of property. Typically for a page, you can edit page name, description, the main editorial area, and perhaps a content area with blocks.

Areas and properties available for editing are implementation-specific and depend on the property type and how the rendering is built on your website.

Alloy-meet-ui-3.png

Edit a page with On-Page Editing view

This example describes how to edit a page, but the procedure is similar when editing blocks or catalog content if you have Optimizely Customized Commerce installed.

  1. Select the page to edit from the page tree in the navigation panel.
  2. Click an area to edit (property names are displayed on mouse-over).
  3. Make your changes by updating the content properties as needed. See also: Use the rich-text editor.

    CMS12-edit-content.png

  4. Your changes are automatically saved, and a draft version of the content (page, block, and so on) is created.
  5. At any time, you can access the preview option at the top to see what the published version will look like.
  6. When done, publish the content or apply other options described in Publish and manage versions.

Edit additional properties

The On-Page Editing view contains several properties that are reached by scrolling to the very top of the page with the wheel on your computer mouse. These are called basic info properties and can be used to add a simple address, set access rights for a page to change the name in the URL, and so on.

Image: Basic info properties in on-page edit view

Not all properties are available in the on-page editing view; to see all properties, switch to the All Properties view.