Managing pages in Spire

What are pages?

Pages are a way to organize and display information to your customers. Optimizely B2B Commerce sites include multiple web pages, which are named for their purpose and function. For example, the Product List page displays a list of products for sale on your site within a given category. On each page, content administrators use widgets A pre-configured content holder ISC_Content user roles may use to add content to website pages without having to develop page elements. to display text, images, lists, or other information that belongs on each specific page.

B2B Commerce includes the ability to create a new page within a website. These pages are often used to create landing pages, FAQ's, or other pages that are not built in templates within B2B Commerce.

Use the Spire CMS to create new pages, which will then appear in the Content Tree. During page creation, the content editor or content admin determines how the page appears in the navigation. The header and footer are also included in the content tree - although they are not "pages," they are edited and managed in the same way as other pages in your site.

Best practices

Be aware that certain page URLs are restricted. For example, users cannot create a page called "APIs." You may be prevented from using certain words or phrases when creating a page.

Add a page

Currently, users can only add content pages. Additional page options will be added in subsequent releases.

  1. In the upper right, click Edit.
  2. Select a page from the Pages menu on the left.
  3. Click the three dots that appear to the right of the page name.
  4. Select Add Page.
  5. Enter a Display Name. This is the name that will show in your menu and in the menu your end users will see.
  6. Select a page type. These are the standard pages in the Spire CMS. The page will pre-populate with standard widgets.
  7. Click Create Page.

Each page should be populated with the correct widgets and layouts to function correctly out of the box. However, you may want to customize each page based on your company preferences, branding, or additional information you want to convey.

Edit page details

  1. In the upper right, click Edit.
  2. Select a page from the Pages menu on the left.
  3. Click the three dots that appear to the right of the page name OR click Edit in the dark gray toolbar.
  4. Click Edit Page.
  5. In the Edit Page menu, you must add an SEO Title. This will help your page populate in search results. This is the text that populated the <title> tag on the page and displays in the browser window when users view the corresponding storefront page.
  6. You must also create a URL segment for this page. For example, a URL segment for the contact us page might be contact-us, contactus, or another combination. Your URL segment cannot contain spaces.
  7. Optimizely also recommends adding meta-keywords and a meta-description. The meta-keywords and description will improve search results by adding more information on which your users could search to find your page.
  8. You can also add tags.
  9. Select the Hide Breadcrumbs checkbox in order to prevent the navigational breadcrumb links (for example, something like "Home>My Account>Contact Us") from appearing at the top of the page.
  10. Click Advanced.
  11. In the first three settings, you can set an Open Graph title, URL, and image. These items help increase your SEO in Facebook's Open Graph search platform.
  12. You can also choose to hide the header or footer on this page.
  13. Select the checkboxes to hide this page from external search engines, like Google, or from searching on your site.
  14. Select Exclude from Navigation to hide this page from your website's navigation. Users will be unable to go to this page unless they have a direct link.
  15. Select Exclude From Sign In Required to allow users to see this page without signing in to your site.
  16. Click Save.

Edit page content

To add, edit, or remove information on the page itself, you will use widgets. To learn more about widget configuration and how to use them to organize a page, review theWork with widgets in Spire article

Restore previous versions of a page

You can select from and restore previous versions of a page when editing in the CMS.

  1. Open a page from the tree and click the Edit icon.
  2. Click the double arrows icon to enter compare mode. The published version of the page appears in the left pane and the draft version of the page appears in the right paneI. If there are no draft versions, only the currently published version displays in the left pane.
  3. Click the drop-down list in both panes to select from any previous page versions.
  4. Click Restore to replace the draft with the selected version as a new, unpublished draft.
  5. Click Restore again when the Unpublished changes to the current draft will be lost. message appears.
  6. Click Cancel to exit compare mode without replacing the draft.

Note: If you want to compare the currently published page with the pending draft in side-by-side mode, click Compare from the Publish window.

Copy a page

  1. In the upper right, click Edit.
  2. Select a page from the Pages menu on the left.
  3. Click the three dots that appear to the right of the page name.
  4. Click Copy Page.
  5. Change the Display Name, or use the default Display Name of [Page NameCopy].
  6. Click Create Page.

Delete a page

You cannot delete certain default pages, as they would prevent your site from functioning correctly. You may remove default pages using an extension or customization. Reach out to your implementation partner for more information.

  1. In the upper right, click Edit.
  2. Select a page from the Pages menu on the left.
  3. Click the three dots that appear to the right of the page name.
  4. Click Delete. If you do not see the Delete option, you cannot delete this page.
  5. Confirm your delete request. The page will be deleted and removed from the Pages menu.

Compare changes and publish a page

When you are ready to make your changes public, use the Publish function to push your changes to your live site.

  1. In the upper right, click Publish. If there are no changes, an error message displays indicating that there are no changes to be published.
  2. To compare changes between the current and previous versions, click Compare.
  3. On the Compare screen, choose Side by Side or Full Width to shift between page views.
  4. To see the version history of this page, click the Currently Published drop-down menu in the upper left. A brief history of changes displays.
  5. To see the entire version history, click Show Complete History. Use this window to view any versions of this page previously published.
  6. When finished comparing, click Close in the upper right.
  7. Choose whether to publish changes immediately, or use the date picker to select a date on which to publish these changes.
    1. You can also set a rollback date: when this date is reached, the page reverts to the previous version. If you want to change this rollback date or remove it, you can return to this window at any time.
  8. Once satisfied with all changes, click Publish. Your changes should appear immediately or at the time scheduled.