Changing and Synchronizing Web Content Using Page Status

Objective

After completing this lesson, you will be able to revise web content and synchronize changed pages using page status.

SmartEdit's Basic Edit Mode

One of Laura’s main tasks as a WCMS manager is to create and update web content. In this lesson, we focus on how she can do that using SmartEdit's Basic Edit mode. This mode is one of the five available modes in SmartEdit which we cover in this training. Later in this lesson, you will also learn how to make your changes visible to customers by synchronizing your modified content from the staged to the online catalog version using the page status.

Let’s get an overview of SmartEdit’s Basic Edit capabilities covered in the next video:

Basic Edit and Synchronization

Basic Edit Mode Features in a Nutshell

Let‘s summarize what the Basic Edit mode allows Laura to do:

Laura can view page information and edit pages by adding or modifying components in page content slots. Thus, Laura is only allowed to make changes affecting her current page using the Basic Edit mode. It lacks permission to edit shared content slots (visualized by the "chain" icon).

To get to the pages Laura wants to edit, she can navigate using the Pages tab. To save time, she can also press the hotkey ESC to navigate between pages as if she were on the Web site. Pressing ESC again or any other UI control returns her back to Basic Edit mode.

Cloning a page allows her to reuse it as a base-line for slight changes, instead of creating a similar page from scratch. She can also delete a page.

The described features can be found here:

Screenshot of the SAP SmartEdit user interface highlighting various features in the Storefront section. Key features include Basic Edit Mode, the option to Clone a Page, and the Delete a Page button (not visible for the homepage). Additionally, it showcases a shared slot that is not editable in Basic Edit mode, located in the right sidebar under the language selection (English). The SAP logo is also visible in the shared slot area. Functions are encircled and labeled with dotted orange lines for clarity..

Creating New Components

As a WCMS manager, Laura is allowed to create new components. Every newly created component is then also added to the list of saved components for later reuse.

This functionality is available here:

Screenshot of the SAP SmartEdit user interface with a focus on the Component feature in the Storefront section. Key elements include the Basic Edit Mode and the option to add or reuse existing components. The interface shows navigation tabs such as Navigation, Pages, Storefront, and Sites. The Component button, highlighted with a dotted orange circle, allows users to create new or reuse existing components.

Consider This When Creating or Reusing Components:

Reusing an existing component in different slots makes it a shared component. This feature must be handled with care to avoid unwanted side effects. Technically, the reused and the original component are still only one instance of the same component. Thus, whenever this component is modified, no matter where, that change will affect all slots on every page where this shared component is used.

Alternatively, if Laura really needs a new instance, it’s also possible to create one by simply cloning an existing one, saving time by reusing its configuration.

Once Laura has saved a new component, it gets automatically added to the list of saved components. Only then it becomes available for reuse or cloning.

Laura can also drag components between different slots to find the best fit.

Let’s have a look at where components can be:

  1. Created
  2. Reused
  3. or Cloned
The image provides visual instructions for adding components in a content management system through three main steps. 1. **Create new component**: This option is found under the Component Types tab. Users can choose from a list of available component types such as Simple Banner Component, Image Map Component, PDF Document Component, Video Banner Component, and more. 2. **Use saved component**: By navigating to the Saved Components tab, users can select from pre-existing components. They have the option to reuse these components directly. 3. **Clone existing component**: Users may opt to clone a saved component by ticking the Clone on drop checkbox. This allows the creation of a new component from an existing one for further customization. Each step is marked with corresponding orange annotations and numbers, ensuring clear guidance on the process.

Managing Media Assets

Of course, image management is also supported for components that show media, including localized information for the different webstore languages. Let’s take a banner for example.

Note

This might look different on your system depending on your configuration to access the media, e. g. from a cloud storage or a DAM (Digital Asset Management System). But don’t worry, the general concept of how they are used remains the same.

Screen shot of a Simple Responsive Banner Component Editor interface. The editor window displays three main tabs: Content, Basic Info, and Visibility. Under the Content tab are fields for Name, Media (with options for selecting and previewing different media types for Wide screen, Desktop, Tablet, and Mobile), a Link To drop-down, a field for URL Link, and a field for Style Classes.

Note

SmartEdit’s Basic Edit mode also supports the management and application of restrictions to hide or show components and pages under certain conditions, but this will be covered in a later unit–stay tuned.

Manual Page Status Management

Page statuses ensure that only pages that have been reviewed and are ready to be published are synchronized to the online version of your content catalog.

Imagine Laura created a new page or modified an existing one. In both cases, the page status is set to Draft automatically and synchronization isn't permitted.

Thus, in a next step, Laura, or another WCMS manager have to review the page and manually set the status to Ready to Sync.

Only now does SmartEdit allow the synchronization of a page to the online catalog version. After successful synchronization, SmartEdit automatically changes the page's status of the page to Synched.

With proper permissions set, Laura could even manually change the status of a page:

From Draft to Ready to Sync, or from Ready to Sync back to Draft, or even from Synched to Draft.

Note

Even though SmartEdit also supports the manual management of pages, it's recommended to use out-of-the-box workflow functionality instead, especially in larger teams. This is covered in the next lesson.

Log in to track your progress & complete quizzes