HomeGuides
Submit Documentation FeedbackJoin Developer CommunityLog In

Home page

This topic describes how to create a custom home page.

πŸ“˜

Note

All fields that can be modified are housed in blue boxes. Information not in boxes, such as header and footer information, cannot be modified in this process. A separate, albeit similar process is followed to modify the header and footer and is not covered in this article.

For a quick overview, watch the video at the bottom of this article.

During the implementation process, an initial website is built within the Content Management System (CMS) and the Admin Console. The Console manages and administers the integration between the websites and Enterprise Resource Planning system (ERP). The CMS allows the user to publish, edit, organize, and modify content, as well as perform general maintenance from a central interface.

Below are the modifications and tools available in the CMS to help with altering the home page.

  1. Sign in to the Admin Console with the proper username and password. The user must be assigned the role of ISC_ContentEditor, ISC_ContentApprover, or ISC_ContentAdmin. The ISC_Admin role on its own does not allow CMS access.

  2. Select the View Websites button in the upper right corner, and select the appropriate website.

  3. To expose the CMS, hover over the blue triangle in the upper left corner of the website and select Show CMS.

  4. Click Content Tree to reveal a list of site pages.

  5. Click the Edit in the upper left corner to edit or modify all fields on the page. For this scenario, the Home page is the focus.

  6. The chevron to the left of the Home menu item opens a drop-down displaying a list of available pages; for example, the Products page, the My Account page, or the Contact Us page. These pages generally are set up during implementation.

  7. The crosshairs icon allows a user to reorder the pages in the content tree.

  8. The arrow on the right side of the Home field is a flyout menu. Click this arrow to Add Page, Edit Page, or Delete Page.

  9. Click Home to access the current home page. The editable content appears in boxes called widgets, with the option to edit or delete existing information. Below is an image of a page in edit mode:

For this example, the user wants to add an image outside of the Carousel and add text to promote a new product line.

First, an image is added. In this scenario, the image encapsulates a savings update announcement. The process for adding an image is below:

  1. Click Add Content.

  2. Under Item Type, select Image.

  3. Select Standard from the Template drop-down. The Standard template is used most often, but the template can be modified at any time.

    πŸ“˜

    Note

    In B2B Commerce Cloud 4.3 and beyond, the Template drop-down menu is replaced by a Use Default Template check box. Uncheck the box to use an alternate template.

  4. Click Next.

  5. Click Browse to choose an Image URL (required).

    Other fields can also be modified, like Alt Text, Width, and Height. Alt Text is an important step for any user who may be viewing the website in a text-only format.

  6. Click Save.

  7. Click Publish in the upper-right corner of the page.

    πŸ“˜

    Note

    ISC_ContentEditor users cannot publish changes, but must submit changes for approval.

  8. A Publishing pop-up is displayed. Preview changes by clicking Preview, or set a future publishing date and time. Leave the publishing date and time blank to push the content to the live site immediately.

  9. Once additional content has been previewed and approved, click Publish. The changes can now be viewed by site visitors. By default, new content is added to the bottom of the web page.
    Although only one change was made to the page in this scenario, the possibilities of adding, deleting, and modifying content on a webpage is almost limitless. See the Widgets section to learn more.


Did this page help you?