User Interface

This topic applies to

Applies to

Site Management Tools

SuiteCommerce Site Management Tools lets you quickly manage your content. The user interface is displayed after successful login. See Login for more information on logging in to Site Management Tools.

The SMT user interface consists of the following primary components:

  • Site management toolbar

  • Side panel

  • Content controls

  • Category menu

  • Landing pages menu

Site Management Toolbar

After you log in to SMT, the site management toolbar is displayed at the top of the page. This toolbar gives you the following tools:

Control

Name

Description

Settings Button

Click Settings to display the Content Manager.

Preview

Click Preview to see how the site looks to your visitors. Preview mode hides area highlighting as well as the edit or remove buttons for content on the site. The site management toolbar is displayed in preview mode, but the add button is not available.

Edit

Click Edit on the toolbar to enter edit mode. In edit mode you can make changes to existing content, remove content, or add new content.

Overview

Click Overview Mode on the toolbar to manage landing pages and categories. See Landing and Enhanced Pages for information on landing and enhanced pages, and see Commerce Categories in SMT for information on category management.

Review and Publish Changes

Click Review & Publish Changes on the toolbar to view the unpublished changes list. See Review and Publish Your Site.

Add

Click Add to display the side panel so you can add content.

Preview Screen Sizes

Click this button to display the preview screen sizes toolbar. See Preview Different Screen Sizes.

View Site As Of

In Preview and Edit modes, this enables you to select a date and time for previewing or editing the site. This gives you access to content with a future start date or time that may not be currently displayed. See Preview Your Site.

Include Unpublished Changes

Check the Include Unpublished Changes circle to include unpublished changes in the preview of your site. See Include Unpublished Changes in Site Preview.

Side Panel

The side panel is positioned at the right side of the page and remains hidden until you perform an action that displays it. This panel provides you with context sensitive controls for the current task at hand. For example, if you are adding content to a page, the side panel displays the content options and lets you drag the content from the side panel to a page area. If you are adding or editing a merchandising zone, the side panel displays the Merchandising Zone Settings, or if you are adding or editing image content, the side panel displays the Image Settings.

Add Content

To add content to a page, click Add on the site management toolbar. This displays the side panel and lets you select the type of content you want to add.

Text Settings

Text Settings are displayed in the side panel when you add new text content to a page or when you edit existing text content.

Merchandising Zone Settings

Merchandising Zone Settings are displayed in the side panel when you add a new merchandising zone to a page or when you edit an existing merchandising zone.

The Merchandising Rule dropdown list lets you select a merchandising rule that has been defined in NetSuite.

The Exclude items in shopper’s cart and the Exclude item shopper is viewing boxes are display-only controls that report how the selected rule is configured.

Click Save to save your changes to the merchandising zone.

Click Cancel to discard your changes and close the side panel.

See Create a Product Merchandising Rule.

Image Settings

Image Settings are displayed in the side panel when you add new image content to a page or when you edit existing image content.

To link the image to a URL, enter the URL in the Link field. Leave the field empty if the image should not have a link.

The Alternate Text field lets you specify the alternate text for the image. This text is displayed if an image fails to load, and it is also used by screen readers. You should always enter alternate text for images to promote SEO best practice.

Click Save to save the changes for the image.

Click Cancel to discard the changes to the image.

HTML Settings

HTML Settings are displayed in the side panel when you add new HTML content to a page or when you edit existing HTML content. Here is an example of the basic view:

Enter your HTML or JavaScript code in the HTML Code field. You can expand to HTML editing view by clicking the expand button, denoted by the two opposing arrows. HTML editing view gives you a larger work area and syntax highlighting.

You can return to basic view, by clicking the collapse button, denoted by the two opposing arrows.

Click Save to save your HTML code.

Click Cancel to discard your changes.

Content Controls

Content controls are displayed in edit mode when you point to a piece of content on the page.

Control

Name

Description

Edit

The Edit button is displayed when you point to a piece of content. Click Edit to display the content’s settings in the side panel.

Remove

The Remove button is displayed when you point to a piece of content. Click Remove to expire the content. Expiring content sets the visibility end date to the current time. See Discard Content Vs Expiring Content for more information.

Preview

The Preview button is displayed when you point to a piece of content. Click Preview to display the content in the side panel.

Category Menu

The Category menu is displayed in overview mode when you click the Categories button. This menu lets you manage your commerce categories.

See Commerce Categories in SMT.

Landing Pages Menu

The Landing Pages menu is displayed in overview mode when you click Landing Pages . This menu lets you add a new landing page or edit an existing landing page.

See Landing Page.

Content Manager

The SMT Content Manager lets you enable and disable content types. This includes custom content types and the core content types. When disabled, the content type is not displayed in the side panel in edit mode, and you cannot add any of that content to your site. However, if the site already contains content of that custom type, it is still displayed on the site.

To enable or disable a content type:

  1. Click Settings, denoted by the gear icon, on the toolbar. This displays the Content Manager. Disabled content types are displayed in the Inactive Content Types list and enabled content types are displayed in the Active Content Types List.

  2. Drag a content type from the Inactive Content Types List to the Active Content Types List to enable that content type.

  3. Drag a content type from the Active Content Types List to the Inactive Content Types List to disable that content type.

    Note

    When you make a content type inactive, no new content of that type can be added to the site. Any content of that type that is already available on the site, continues to display.


  4. Exit the Content Manager by selecting a different mode from the toolbar.

Browser Requirements

The SMT administrator interface is supported on the following web browsers:

  • Chrome

  • Firefox

  • Safari

  • Internet Explorer 11

SMT is compatible with the most current and the previous versions of these browsers, excluding Internet Explorer 10 which is unsupported.

If your browser is not listed as a supported browser, it does not mean that it does not work with SMT; it means that SMT was not fully tested with your browser. If you log in to Site Management Tools with an unsupported browser, you may see a message that you are using an unsupported browser. This means that you are using a browser that is known to be incompatible with SMT. If this occurs, change to a supported browser.

Note

Website visitor browsers are not subject to the supported browser list. However, Internet Explorer 8 is not supported. Visitors can use any browser or device for accessing your site without affecting page display or performance. Only Site Management Tools administration is subject to the browser requirements listed above.