Home
HCL Digital Experience 9.5 [Legacy content]
Creating your website
Review the following topics to understand how to create your website using the latest HCL Digital Experience.
Setting up the site for the content author
The roadmaps in this content section can help a certain user complete user-based tasks to implement a design wire frame for a new landing page.
Roadmap: Creating page components from the HTML prototype
This roadmap highlights how to generate the following page components: banner, promotional text, teaser, and dynamic list.
Roadmap: Creating the banner page component
This roadmap highlights how to create the banner page component of the design from an HTML component. The banner page component is used on the Home, Product, and Events page.

HCL Digital Experience 9.5 [Legacy content]
- Overview
  HCL Digital Experience provides a single access point to web content and applications, while it delivers differentiated, personalized experiences for each user across multiple touchpoints, such as web, mobile, hybrid mobile/web applications, and more.
- Supported migration paths
  Migration is supported between equivalent HCL Digital Experience offerings.
- Supported installation and upgrade paths
  Installation and upgrade is supported between equivalent HCL Digital Experience offerings.
- Getting the software
  New and existing users need to register at the HCL Software License Portal and download their entitled HCL Digital Experience package(s).
- Creating your website
  Review the following topics to understand how to create your website using the latest HCL Digital Experience.
  - Importing web content
    When you set up a new site, you might have content in an existing HCL Digital Experience system that you need to migrate or import into your site.
  - Setting up the site for the content author
    The roadmaps in this content section can help a certain user complete user-based tasks to implement a design wire frame for a new landing page.
    - Roadmap: Design requirements from an HTML prototype
      View sample HTML prototypes for landing pages and explore how to separate the design into pieces with specific design requirements and technical considerations.
    - Roadmap: Content authors, groups, and setting permissions
      Administrators must understand the roles and goals of content authors to grant the appropriate permissions. Learn how to create users, create content author and reviewer groups, and grant access to resources and libraries.
    - Roadmap: Controlling flow of content using workflows
      Learn how to set up access across various content author roles who can create drafts, route drafts for review, check content status, and publish content.
    - Roadmap: Creating a custom theme
      This roadmap highlights how to create the custom theme of the design from an HTML component. The theme is used to customize the site builder template and other page templates for the new site that the content author creates.
    - Roadmap: Creating page components from the HTML prototype
      This roadmap highlights how to generate the following page components: banner, promotional text, teaser, and dynamic list.
      - Roadmap: Creating the banner page component
        This roadmap highlights how to create the banner page component of the design from an HTML component. The banner page component is used on the Home, Product, and Events page.
      - Roadmap: Creating the promotional text page component
        This roadmap describes how to generate the promotional text page component of the design from an HTML prototype. The promotional text page component is used to briefly describe something on your site.
      - Roadmap: Creating the teaser page component
        This roadmap describes how to create the teaser page component of the design from an HTML component. The teaser page component is used on the Home, Product, and Events page.
      - Roadmap: Creating the dynamic list page component
        This roadmap describes how to create the dynamic list page component of the design from an HTML component. The dynamic list page component is used on the Home, Product, and Events page.
    - Roadmap: Creating your landing page template
      This roadmap shows administrator users how to create a Greenwheels landing page template, assign a workflow to your template, and change the default theme.
  - Analyzing digital site activity
    This section includes information for content authors and marketers to track and analyze digital site user activity.
- Installing HCL Digital Experience
  Review the planning information on HCL Digital Experience, then select your operating system and installation pattern that most reflects your business needs.
- Configuring
  Run the following tasks after you install and deploy HCL Digital Experience. They address tasks that are typically run one time and have a global effect. Some configuration changes are made more frequently or do not have a global effect. These tasks are addressed in the Administering section.
- Backup and restore
  Backup and recovery of data files and databases is an essential operation for any business system, particularly for data and applications that run in production environments. Create and follow a plan for backing up and recovering data on all tiers of your HCL Digital Experience deployment. IBM Installation Manager must also be included in backup and recovery planning. If you back up the HCL Portal file structure and then install a fix pack, your HCL Digital Experience and IBM Installation Manager become out of sync after you restore the HCL Portal file system. This condition is not recoverable.
- Migrating
  Successful migration requires significant planning and preparation, understanding the tools that are involved, and careful execution of the appropriate steps in the order provided.
- Integrating
  Integrate HCL Digital Experience with software such as HCL Sametime to enable your users to collaborate more easily. You can also use the unified task list portlet to integrate HCL with your backend business process software, such as IBM Process Server.
- Administering
  Use the administration tools that are provided with the HCL Digital Experience to do various day-to-day administration tasks.
- Securing
  Security tasks include setting up property extension databases and custom user repositories, configuring and activating SSL, and configuring authentication. In addition, tasks such as activating Federal Information Processing Standards (FIPS) and NIST SP800-131a security modules and configuring external security managers such as Security Access Manager might be required to secure your portal environment.
- Monitoring
  HCL Portal includes tools and features to help you monitor the portal site.
- Setting up a website
  Setting up a website includes, creating pages, adding navigation, setting up search, and adding content to the site. Themes are used to customize the portal's look-and-feel. Out-of-the-box templates and the site wizard can help you set up your portal site faster. You can add wikis and blogs to your site and let users tag and rate content on your site.
- Staging to production
  During portal solution development, the solution is initially developed, tested, and refined on one server or a limited number of servers. The solution is deployed later on live systems, referred to as the production environment. The process of moving the solution from the development environment to the production environment is called staging.
- Developing
  This section includes developer documentation on extending applications and development assets for HCL Portal and HCL Web Content Manager.
- Docker and Containerization
  Find topic information about Docker and Containerization for HCL Digital Experience.
- Practitioner Studio
  Practitioner Studio is a newly designed user experience for HCL Digital Experience. Please see the following pages to understand how the new navigation is organized.
- HCL Experience API
  This shows developers how to provision, configure, and use the HCL Experience API with the HCL Digital Experience 9.5 platform.
- HCL Content Composer
  The HCL Content Composer delivers simplified processes for creating and managing Digital Experience site content.
- HCL Digital Asset Management
  HCL Digital Asset Management (DAM) adds a central platform to store and include rich media assets in Digital Experience site content to present engaging, consistently branded experiences across digital channels.
- The Woodburn Studio demo site
  The Woodburn Studio is a website that demonstrates the use of some of the popular HCL Digital Experience features.
- Reference
  View information that can help you use our product documentation including terms of use, trademarks, and more.

Creating the banner page component | HCL Digital Experience

This roadmap highlights how to create the banner page component of the design from an HTML component. The banner page component is used on the Home, Product, and Events page.

Who should use this roadmap

You are a developer on the technical team that is tasked with creating home and landing page templates for content authors to use on the site. You are responsible only for creating page components and design templates. Other developers are responsible for developing other pieces of the design. Learn the basics of developing the banner. You might refer to the banner as a hero image that spans full width across the one-column layout.

Creating your banner page component

Before you begin

Ensure that your design library exists, for example, Greenwheels Design. If the library does not exist, more topic information about creating a design library can be found in our product base documentation here.

Procedure

Click the Applications menu icon. Then, click Content > Web Content Authoring.
Go to your design library.
Click Generate > Page Component.
1. Select Banner as the template type.
2. Enter a page component name for your teaser.
  For example, type Banner.
3. Ensure that your design library is selected.
4. Click OK.
You can edit the authoring template, presentation template, or the styles component to customize your banner page component. If you edit the authoring template, you must click Apply Author Template to update the content associated with this authoring template.

Get a preview of your banner page component.

Click the Web Content Preview tab.
Turn on edit mode.
Click the Display portlet menu icon on the title bar of a web content viewer. Click Edit Shared Settings.
From the Content section, click Edit and select default content to display in the web content viewer.
From Appearance, select Component. A Component section appears after you make this selection.
From the Component, click Edit. Select the Banner Page Component that you created.
Click OK.