Sample pages
The Studio sample pages help you design and create your workplace pages. These pages serve as a reference or as a good starting point to build outstanding self-service portals.
Required license
Downloadable files
Sample pages pack for lines of business
Compatibility: 23.3.04 and later
Sample pages pack for industry verticals and content blocks
Compatibility: All versions
Search views
Automatic deployment of sample pages to the development environment
Sample pages for industry verticals and lines of business are automatically deployed to your newly provisioned development environment.
In the newly provisioned development environment, the following changes occur:
- Studio sample pages and new brand styles are enabled by default.
- The ESM portal page becomes the landing home page and post-redirect page, replacing the My Activity page.
- Both the classic keyword search and the Employee Navigator chat are available. The Employee Navigator for Helix skill is selected as the default HelixGPT skill for the chat experience. The floating icon is also preconfigured to open the Employee Navigator chat panel.
- Sample pages for lines of business and industry verticals appear in the navigation bar and the main menu on different tabs. Use this navigation to quickly browse through the pages.
- Core application pages, such as Catalog, My Activity, Staff, and Location, are grouped on the Legacy pages tab.
When you manually import sample pages to the development or any other environment, only the sample pages themselves are added. The default landing page and the navigation bar structure (tabs and menu items) remain unchanged from the standard product configuration. They are not replaced, removed, or modified in any way.
Also, you can easily transfer studio pages from the development environment to your staging and production environments. For more information, see Exporting-and-importing-workplace-studio-pages-and-search-views.
To download and import the sample pages
The sample pages are also available as a zip file package. Perform the following steps to get the sample pages into your environment.
Before you import
- In the Admin console, navigate to Configuration > Application Features, and enable the Studio (expose pages to end users) option.
- In the Admin console, navigate to Configuration > Attachments & Links, and make sure that the zip file type is not in the Blocked list.
In the AR System Administration console, ensure that the value for the Max Attach Size field is greater than the size of the templates zip file. Recommended size is 20485760 bytes (20 MB). For more information about how to set this value, see Setting administrative options.
Import the zip file package
To import sample pages into any environment, complete the following steps:
- Download any of the sample page zip files from the downloadable files section on this page.
- Import the zip file package as is into your environment. For information about how to import the package, see Exporting-and-importing-workplace-studio-pages-and-search-views. After import, you can view the pages displayed in your pages list.
- To preserve the search logic defined for sample pages, download the file and import it on the Search views tab in your environment.
Both the classic keyword search and the Employee Navigator chat are available in this view. The Employee Navigator for Helix skill is set as the default HelixGPT skill. For Employee Navigator to function correctly in any environment other than a newly provisioned development environment, ensure it is fully configured. If the configuration steps are not completed, Employee Navigator features will not operate. For detailed instructions, see Configuring BMC HelixGPT in the end-user console and studio pages. - (Optional) If you want to use a sample page as a starting point, duplicate the page and work on the copy rather than the original.
You can duplicate a page from the page Actions menu. For more information about duplicating pages, see Managing-pages-in-the-Studio.
Sample pages pack for lines of business
These sample pages are compatible with BMC Helix Digital Workplace version 23.3.04 and later.
The following sample pages are provided for different lines of business. The content on each sample page is customized for different device screen sizes, including desktop, tablet, and mobile.
ESM portal
This ESM page is a landing page that combines a light theme with contrasting dark content blocks. It features a layered background and responsive design, adapting banner treatments and content layouts.
Alumni Service Center
The Alumni Service Center page features a clean and structured layout, combining a light theme with contrasting dark content blocks.
HR Portal
This page utilizes a minimalist design with a focus on clean lines and ample white space to enhance readability.
IT Central
The IT Central page features a functional and organized layout designed for IT professionals, with a search bar powered by Employee Navigator. Key sections such as Schedule a support call, Report an issue, Register a device are displayed in a grid of cards, making navigation intuitive.
Security Incident Handling
The Service Incident Handling page is designed to streamline the reporting and tracking of service incidents, featuring a clean and intuitive interface. The page includes key sections like Report a security issue, Contact me - I have a question, and Unlock account displayed in card format for easy access.
Workplace
The Workplace page offers a clean, user-friendly interface designed to streamline access to facility-related services.
New Hire
The New Hire page provides a welcoming and intuitive interface designed to help new employees navigate their onboarding process. The page features a friendly color palette, with welcome messages and step-by-step guidance to make the transition smooth.
Education
The Educational Self-Service page showcases a structured layout with a focus on accessibility and ease of navigation. A prominent search bar allows users to quickly locate resources, while key sections such as Online learning, Scholarship, and FAQs are organized into visually distinct cards for easy access.
Sample pages pack for industry verticals and content blocks
These sample pages are compatible with any product version that supports BMC Helix Digital Workplace Studio.
The following sample pages are provided for seven different industry verticals, two color themes (light and dark), and a collection of reusable content blocks and banners. The content on each vertical's page is customized for different device screen sizes, including desktop, tablet, and mobile.
Automotive
Featuring a dark, moody theme, this page’s header and hero banner leverage different combinations of search and content block templates.
Telecom
This page features an energizing color palette and leverages different banner treatments for different device form factors.
Fashion
The background image is split into two sections to create a layered effect. The search bar is placed in the first row, and the content width is set to “compressed” on desktop and “full” on tablet and mobile.
Retail
This page has different banner images for different devices: desktop, tablet, and mobile.
This page has different images for desktop, tablet, and mobile screen sizes:
Entertainment
The search bar in the first row has a dark background. A black background image added to the second row blends in with the background in the first row. The carousel view is enabled for the catalog sections on the desktop but disabled for tablet and mobile screens. In tablet and mobile mode, the services are presented in a vertical card list using the default card size.
Finance
This page features include a narrower treatment for the search bar and compact, list-style tiles.
Healthcare
This page features a hero and smaller sub-feature content blocks. The footer uses a background image as a design element.
Building blocks
This template includes a variety of content block samples. You can copy and paste these components into your Studio pages as needed, or you can customize the page to fit your specific requirements.
Light theme
Page properties help you choose a light theme for your page.
Dark theme
Page properties help you choose a dark theme for your page.
To use assets from sample pages
Sample pages contain various assets, such as banners, background images, images within the content blocks, and icons for services in the Catalog section. You cannot download these assets directly from the pages. However, these assets are available as a zip file package. You can download the package and reuse the included graphics to build your own pages.
Follow these steps to utilize the assets:
- Download any of the BMC Helix Digital Workplace Studio assets zip files.
- Extract the files from the downloaded zip to your local directory.
- Use the included graphics to create your custom pages.
To read more and to watch a video on creating a page in the Studio, see Creating-pages-in-the-studio.