Right Column tab - Supplemental content boxes

Last updated on June 11, 2024

Learn how to use the Right Column tab to create supplemental content boxes.

On this page


Overview

Supplemental content boxes (formerly right column components) are used to:

  • Direct people to additional information, such as links to other pages within your site or external websites
  • Promote useful information
  • Provide relevant contact information
  • Subscribe to page content changes

Example

This is an example of a Related Links box. It would be displayed at the bottom of the webpage.

Related links box showing an intro text "This is an example of the Related Links component. You can create a link in the intro field to specific information" and 5 sample links


Types of supplemental content boxes

You can enhance your page with different types of Supplemental Content Boxes, including:

  • Promo Box: Use this for promotions or important highlights
  • Related Links: Add links to relevant internal or external pages
  • Contact Information: Provide essential contact details
  • Subscribe: Enable users to subscribe to page updates
  • Chat with Us: Launches an instant messenger chat with a live agent. You must contact Service BC to use this component

The Twitter Feed component is no longer available for use on pages.


Guidelines for using supplemental content boxes

Placement

Content boxes have moved from the right-column to the bottom of the page.

  • The Subscribe box is recommended to be placed at the top
  • Contact Information should always be used to display contact information. It should be placed as the last box

Quantity limitations

  • Up to four boxes: Up to four supplemental content boxes, in any combination, can be used at one time. When the maximum of four boxes is reached, the option to add new boxes will be disabled.
  • Up to ten related links: There is a limit of ten links on the Related Links component.  

Best practices

  • Consistency: Ensure a uniform appearance for a better user experience
  • Content Relevance: Choose boxes that add value and relevance to your page content
  • Accessibility: Remember to adhere to web accessibility standards for all components

Navigation and functionality

When editing a page with existing boxes, they will appear collapsed by default. Use the Item Control Bar to expand, reorder, or delete them.


Linking standards

For external links or downloadable files like PDFs, opening in a new tab or window is acceptable. For internal web pages, open links in the same window unless unless doing so will disrupt the workflow, confuse your audience, or terminate a secure session.

Always test link functionality in both QA and Production environments.


Adding new supplemental content boxes

 Click image to view in full screen
Right-column tab

To add a new supplemental content box:

  1. Select the [Add New Right-column Boxes] action button
  2. Choose one of the following from the drop-down list. 
  3. Enter or update the box details
  4. If required, re-order the boxes by clicking on the grey Item Control Bar and dragging it to the new position

reordering right-column boxes


Delete a supplemental content box

To delete a box:

  1. Click on the X in the grey Item Control Bar
  2. Click [Confirm] to complete the action.

delete confirmation box

If you leave the page without saving your changes, the component will be re-inserted


Link to supplemental content boxes

Supplemental content boxes have a built-in ID. This means you can link to them the same way you'd link to an anchor that you manually added.

The anchor name is #cmf-ui-supplementary-content

Link dialogue box showing a URL link type with "#cmf-ui-supplementary-content" as the URL.