OpenCms Knowledge Base

OpenCms is our content management system of choice, known for its user-friendliness and versatility. It features an integrated ‘What You See Is What You Get’ editor that allows non-technical staff to make content updates with ease. This knowledge base is designed for OpenCms clients. Browse through each section in stages or skip right through to specific topics of interest.

Getting started

Installing the right browser

Before you begin it's important to install the right browser for website updates. We recommend Firefox as it is faster and more stable compared to browsers...

Logging in

To login open Firefox and type the OpenCms login link provided by Helios Design. Enter your username and password. Please note that both are case sensitive...

Your Explorer Screen

In your Explorer Screen, certain pages are situated in folders, according to your website navigation structure. You can open folders by clicking on their name.

Accessing the page editor

To edit an existing page simply preview it (by clicking on its name). You will see an OpenCms icon on the top right. Mousing over this icon will show the editable area...

Creating new pages

When creating pages, be sure to create them in the related main menu folder. In this example we will add a new page in the about folder called Company Achievements...

Using the editor

What do the editor buttons mean

Here is an overview of all the editor buttons. Not all buttons are activated for structured content files. By default, structured content editors only display the most common...

An overview of text formatting buttons

The text formatting buttons include italics, bolding, underline, strike through, subscript, numbered lists and other options...

Pasting text from another source

Once you are in the editor you can type text directly or import text from another source (eg. Word document, web page or email)...

Applying heading styles

To apply heading styles, highlight the headings within the text and choose the appropriate heading style from the Format drop down at the top...

Creating bullets and numbered lists

To apply a bullet style, first delete the bullets that may have been carried over from other sources (eg. Word document)...

Inserting images

To insert an image within a text page, ensure that the image is sized to 550 pixels max in width (the height is negligible)...

Creating links

To create links always use the Link button. As an example, we will type "For more information, contact us here or email info@mycompany.com."

Inserting PDF or other Downloads

You can link to downloads on your site – PDF documents, Word documents, Excel sheets, PowerPoint presentations, and so on. In this example we will cover...

Finishing up

Saving and publishing changes

Once you have made all necessary edits, save and close the page and preview the page by clicking its name in the Explorer Screen...

Advanced page editing

Embedding YouTube videos

Creating tables

Creating anchors

Advanced file management

How to move pages

How to rename pages

Removing pages