Navigation

Welcome

In this module, you'll get familiar with the basic navigation, access roles, and key highlights of the Spire Content Management System (CMS).

After completing this module, you should be able to:

• Describe the purpose of CMS
• Access and navigate in the CMS

What is it? / Why use it?

The Spire Content Management System (CMS) that comes with Optimizely Configured Commerce gives you robust options to create, update, approve and publish pages and content you display on your eCommerce site. CMS widgets allow you to easily adjust and organize content on your pages. You can also target and personalize content using options for languages and devices.

Spire is both a new CMS and a new reference site. It uses different technology than the current Classic CMS, but the main ideas are the same – pages are constructed from CMS widgets, widgets are displayed on the pages and the CMS/Javascript Framework use APIs to retrieve data.

Spire CMS also gives users the flexibility to use the CMS style guide to change site-wide styling like colors or headings.

How do I benefit from Spire CMS?

Here's how these features benefit different roles:

• Marketing: Use the CMS to successfully enable the creation of rich content and support marketing efforts. Create page variants, contextual content and personalized widgets to serve your customers a truly exceptional user experience.
• Researcher/Buyer: Leveraging the CMS to its fullest can give your customers a personalized experience and allow them to get to the content and products they need in the most efficient way possible.

Access

To add/edit or review/approve content in the Admin Console or Spire CMS, users must be assigned the appropriate roles.

While in the Admin Console, it may be necessary to view content changes or products updates, or test user permissions on the website. Access and launch the Content Management System (CMS) from the Admin Console via the Site Preview button at the top of the screen. Select which site you want to edit to open it in the CMS.

• CMS_Content Editor - Users with this role can compose content pages (which includes adding, editing or deleting widgets on content pages), update content pages and widgets, create new content pages, delete content pages, create a page variant, copy a page, and rearrange pages.
• CMS_ContentDeveloper – Users with this role, once the Advanced Spire CMS Features setting is enabled under Administration > Settings > Site Configurations, are empowered with comprehensive control over content pages, engaging in adding, editing (including modifying CSS fields and incorporating the Code Snippet widget), deleting, and rearranging widgets, as well as creating, deleting, and copying content pages, managing page variants by creating and deleting them, and rearranging pages within the page tree.
• CMS_SiteEditor - Users with this role can compose commerce pages (which includes adding, editing or deleting widgets on commerce pages), update commerce pages and widgets, create new commerce pages, delete commerce pages (except where you cannot delete), create A/B test experiments, plus all CMS_ContentEditor permissions.
• CMS_Publisher: Users with this role can approve content for users without publishing permissions and publish content (including bulk publish, future publish, rollback, and immediate publish).
• CMS_SystemAdmin: Users with this role can perform all actions under CMS_ContentEditor, CMS_SiteEditor, and CMS_Publisher, and they can also edit a site's Global Style Guide.

Access site preview

In the Primary Navigation header, click Site Preview.

You can enable the Content Editor by clicking the ON/OFF toggle to show ON. If the website does not need to be modified, leave this toggle as OFF.

Now Select the desired website from the list of available sites.

Responsive web pages

Responsive web pages are web pages designed to change their presentation and orientation depending on the type of device viewing the web page. This means you can have a single web page that displays differently on a smartphone, a tablet, and a desktop computer.

This presentation of page elements is designed to optimize the screen size of the device type displaying the website, while still maintaining the functionality of the website elements. This is accomplished by having a single underlying layer of HTML coding with sets of CSS that adjust based on the device's screen size or window size.

There are three specific breakpoints where the presentation changes:

• Smartphone: 320px
• Tablet: 768px
• Desktop: 1024px

This means that a website displayed on a window sized at 769 pixels will display in the layout of the full desktop site, where website displayed on a window sized at 767 pixels will show as the tablet optimized version.

Navigation

Both content editors and approvers can use the CMS to modify website page appearance and add, edit or approve content, then publish it to your website.

Visit the link below to access a comprehensive guide on navigating Spire CMS.

Try it

It’s time to play in the Configured Commerce sandbox!

The following practice exercises take place in the Knowledge & Learning training site. Before jumping in, please log in to the Training site using the following credentials:

• Username: TrainingUser
• Password: Opticon1!#

After logging in, do the following:

• Navigate Spire CMS

Wrap up

Congratulations! You have completed the Navigation module. You should now be able to:

• Describe the purpose of CMS
• Access and navigate in the CMS

Learn more

While we covered a lot, there's always more to learn about the Spire CMS and how to work with it! Check out the link below for a complete guide to navigating content, managing roles, handling media, setting up translations, microsites, and more!