# Pages and Content Blocks

## <span data-colorid="ge6u58s9q9">Accessing System Messaging</span>

To access and manage your **System Messaging** navigate to the gears icon <span class="confluence-embedded-file-wrapper">![](https://ops-com.atlassian.net/wiki/download/attachments/762387/image2019-4-8_9-42-38.png?version=1&modificationDate=1554731403000&cacheVersion=1&api=v2)</span> and click on **Content &amp; Designs** -&gt; **Pages and Content Blocks**.

[![2024-10-04_14-34-02.png](https://opscom.wiki/uploads/images/gallery/2024-10/scaled-1680-/2024-10-04-14-34-02.png)](https://opscom.wiki/uploads/images/gallery/2024-10/2024-10-04-14-34-02.png)

## Creating Pages

We also provide a video to visually demonstrate how to use system messaging [https://drive.google.com/file/d/1DU3qorWnAp\_2N9mcNGFYTttNHMeRpXsQ/view](https://drive.google.com/file/d/1DU3qorWnAp_2N9mcNGFYTttNHMeRpXsQ/view)

**Pages** display the visual content found throughout your application. You can edit the contents of your page or post a **System Message** by using the Disclaimer Shortcode on the **Page** you want it to show up on. **Shortcodes** also make it convenient to add interactive content to your pages. For more information on **Shortcodes** scroll to the bottom of this page.

<div class="columnLayout single" data-layout="single" id="bkmrk-to-create-a%C2%A0page%C2%A0cli"><div class="cell normal" data-type="normal"><div class="innerCell">- To create a **Page** click the **Create Page/Message** button at the top right of the **Manage System Messaging** screen. It doesn't matter what tab you're on when you do this as you will specify the **Page Type** when you go to create the page.

</div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/VEYimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/VEYimage.png)

<div class="columnLayout single" data-layout="single" id="bkmrk-once-you-click-this-"><div class="cell normal" data-type="normal"><div class="innerCell">- Once you click this button OPS-COM will take you to a different section where you can set the properties and content of the page. Below is a detailed description of the options available to you when creating new **Pages**.

<div class="table-wrap"><table class="wrapped confluenceTable tablesorter tablesorter-default" role="grid"><colgroup><col></col><col></col></colgroup><thead><tr class="tablesorter-headerRow" role="row"><th aria-disabled="false" aria-label="Page Attributes: No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="0" role="columnheader" scope="col" tabindex="0">Page Attributes</th><th aria-disabled="false" aria-label="Short Description : No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="1" role="columnheader" scope="col" tabindex="0">Short Description </th></tr></thead><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd">**Title**</td><td class="confluenceTd">The **Title** of the page you wish to create, which will be the name displayed on the user navigation bar. </td></tr><tr role="row"><td class="confluenceTd">**Path**</td><td class="confluenceTd">The path after the domain. i.e.

**login*****/**  → This is the home page*

Changing this to **lockers/area/1** will display **login/lockers/area/1** as the URL for that page.

</td></tr><tr role="row"><td class="confluenceTd">**Visibility**</td><td class="confluenceTd">You can toggle the visibility of your pages which will make it so your users can't see the page anymore, but you can still edit it.</td></tr><tr role="row"><td class="confluenceTd">**Language**</td><td class="confluenceTd">Use this to select between two language options for a specific page. Tomahawk currently supports **English** and **French**. </td></tr><tr role="row"><td class="confluenceTd" colspan="1">**Layout**</td><td class="confluenceTd" colspan="1">You can select the layout of your page here. Usually, you will have the **Default Layout** selected. </td></tr><tr role="row"><td class="confluenceTd">**Content**</td><td class="confluenceTd">Your content will be the text on the page you are currently editing. You can also use **Shortcodes** here to display a body of material or feature. For example, a user login form could be displayed on your homepage. </td></tr></tbody></table>

</div><div class="confluence-information-macro confluence-information-macro-warning conf-macro output-block" data-hasbody="true" data-macro-id="21f3f892-0f02-4d51-915e-93e47d91fa7d" data-macro-name="warning">  
</div></div></div></div><div class="columnLayout single" data-layout="single" id="bkmrk-important%3A%C2%A0make-sure"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="confluence-information-macro confluence-information-macro-warning conf-macro output-block" data-hasbody="true" data-macro-id="21f3f892-0f02-4d51-915e-93e47d91fa7d" data-macro-name="warning"><div class="confluence-information-macro-body">  
</div></div>  
- **Important:** Make sure you select **Page** under the drop-down menu next to **Page Type** and not **Message**. Below we will go into detail on how to create a **Page** field by field. The images below give you a good visual example of what field is being explained, if there is a certain field you are unsure about you can easily find the picture and read from there.
- Start by giving your page a **Title** and specify how you would like the **URL** at the top of your page to be displayed.
    
    <div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="d7eaa7b3-bdcf-4334-940a-edecfdf6321a" data-macro-name="expand" resolved=""><div class="expand-control" id="bkmrk-%C2%A0what-is-a-url%3F..."><span class="expand-control-icon icon"> </span><span class="expand-control-text">What is a URL?...</span></div><div class="expand-content expand-hidden">  
    </div></div><div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="d7eaa7b3-bdcf-4334-940a-edecfdf6321a" data-macro-name="expand" id="bkmrk--2" resolved=""><div class="expand-content expand-hidden" id="bkmrk--3"></div></div>

</div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/C4Limage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/C4Limage.png)

<div class="columnLayout single" data-layout="single" id="bkmrk-adjust-the-visibilit"><div class="cell normal" data-type="normal"><div class="innerCell">- Adjust the visibility of your page by toggling the **Visible** button on/off. The **Page** will still be editable in the **System Messaging** section but it will not be visible to your users who are on your **Page** or **System Message**.

<div class="table-wrap"><table class="wrapped relative-table confluenceTable tablesorter tablesorter-default" role="grid"><colgroup><col></col><col></col></colgroup><thead><tr class="tablesorter-headerRow" role="row"><th aria-disabled="false" aria-label="Toggle On(Visible Page): No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="0" role="columnheader" scope="col" tabindex="0">Toggle On(Visible Page)</th><th aria-disabled="false" aria-label="Toggled Off(Invisible Page): No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="1" role="columnheader" scope="col" tabindex="0">Toggled Off(Invisible Page)</th></tr></thead><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://ops-com.atlassian.net/wiki/download/thumbnails/762387/visible.png?version=1&modificationDate=1675158301000&cacheVersion=1&api=v2&width=109&height=54)</span>

</td><td class="confluenceTd"><span class="confluence-embedded-file-wrapper confluence-embedded-manual-size">![](https://ops-com.atlassian.net/wiki/download/thumbnails/762387/2022-12-08_9-31-34.png?version=1&modificationDate=1670491946000&cacheVersion=1&api=v2&width=105&height=55)</span>

</td></tr></tbody></table>

</div></div></div></div><div class="columnLayout single" data-layout="single" id="bkmrk-toggling-the%C2%A0page%C2%A0as"><div class="cell normal" data-type="normal"><div class="innerCell">- Toggling the **Page** as invisible will show it under the **Messages** tab like seen in the image below to signify it cannot be seen by your users.

</div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/dZ1image.png)](https://opscom.wiki/uploads/images/gallery/2024-06/dZ1image.png)

<div class="columnLayout single" data-layout="single" id="bkmrk-select-the-default%C2%A0l"><div class="cell normal" data-type="normal"><div class="innerCell">- Select the default **Language** and **Layout** of your page. If you are not sure which template to use you can leave it as the **Default Layout.**

</div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/rzPimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/rzPimage.png)

<div class="columnLayout single" data-layout="single" id="bkmrk-provide-the-content-"><div class="cell normal" data-type="normal"><div class="innerCell">- Provide the content of your page in the editor found under the page settings. This content will be the main content of your **Pages**; you can use **Templates &amp; Design** to edit the other sections of your pages such as the **Header-Content** and **Footer-Content.**

</div></div></div><span class="toc-item-body">  
</span>

<div class="columnLayout single" data-layout="single" id="bkmrk-ops-com-uses%C2%A0shortco"><div class="cell normal" data-type="normal"><div class="innerCell">- OPS-COM uses **Shortcodes** to display a section of interactive or static content like a user login, permits, etc.

</div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/7JRimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/7JRimage.png)

## Content Placement

Depending on where you place your content it can appear differently. OPS-COM's smart editor reads content top to bottom, left to right. Meaning that placing a user login **Shortcode** before your content will look dramatically different than if you placed the **Shortcode** last. You can see a few visual examples of how this works below.

### By Example: **Shortcodes Before Content**

<div class="columnLayout single" data-layout="single" id="bkmrk-we-are-going-to-use-"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="bf6a7d93-e9c9-4f24-81f5-75c5c86643ba" data-macro-name="expand" resolved=""><div class="expand-control" id="bkmrk--11"></div><div class="expand-content expand-hidden">We are going to use the Lot Information Shortcode to display our available lots <u>**before**</u> our text content.   
</div></div></div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/ZuRimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/ZuRimage.png)

As you can see this displays our lot information <u>**before**</u> our content.

[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/rp2image.png)](https://opscom.wiki/uploads/images/gallery/2024-06/rp2image.png)

<div class="columnLayout single" data-layout="single" id="bkmrk--15"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="bf6a7d93-e9c9-4f24-81f5-75c5c86643ba" data-macro-name="expand" id="bkmrk--16" resolved=""><div class="expand-content expand-hidden" id="bkmrk--17"></div></div></div></div></div>###   
By Example: **Shortcodes After Content** 

<div class="columnLayout single" data-layout="single" id="bkmrk-once-again-we-are-go"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="3ae86715-0f47-411d-bacf-f5bc4c3c32fb" data-macro-name="expand" resolved=""><div class="expand-control" id="bkmrk--18"></div><div class="expand-content expand-hidden">Once again we are going to use the Lot Information Shortcode to display our available lots <u>**after**</u> our **Content**.</div></div></div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/BdIimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/BdIimage.png)

As you can see this placed the **Shortcode** <u>**after**</u> the lot information

[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/9fKimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/9fKimage.png)

<div class="columnLayout single" data-layout="single" id="bkmrk--21"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="3ae86715-0f47-411d-bacf-f5bc4c3c32fb" data-macro-name="expand" id="bkmrk--22" resolved=""><div class="expand-content expand-hidden" id="bkmrk--23"></div></div></div></div></div>## Editing Pages 

Keep in mind that the **URL / System Location** next to the page is the area in OPS-COM that you are updating. Therefore, if you wished to update the permit screen, you want to edit the page with a **System Location** of /permits

You can edit your pages attributes such as the **Title, Path, Visibility, Language, Layout,** and **Content** after it has already been created.

<div class="columnLayout single" data-layout="single" id="bkmrk-to%C2%A0edit%C2%A0a-page%2C-simp"><div class="cell normal" data-type="normal"><div class="innerCell">1. To **Edit** a page, simply click on the **Edit** button next to the page **Title** you want to edit. As seen in the image below we are going to select and edit the **Appeals Message** page.   
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/u9Kimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/u9Kimage.png)
2. You can now make any changes to the **Pages** content or attributes that you like.  
    See **Creating Pages** near the top of the page if you are not sure what a specific field does. From here we can edit the format of the text such as the colour, background color, etc..   
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/Alnimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/Alnimage.png)
3. If you have not made any changes to the page you are **Editing**, you may go back to the **Page List** by clicking **Return to Page List** at the top of the screen. Clicking this button will discard **all** changes recently made.   
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/Q6Cimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/Q6Cimage.png)
4. Once you have finished editing the page, click **Save Messaging** for your changes to take effect.   
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/xIaimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/xIaimage.png)

</div></div></div>## Creating System Messages

Important

Users will be brought back to the **Users** page if users do not agree with a **System Message**. Meaning, we use **System Messaging** as a convenient way to offer agreements and disclaimers before users make purchases of permits or lockers.

### System Messages and How they work with Pages 

<div class="columnLayout single" data-layout="single" id="bkmrk-%C2%A0how-do-system-messa"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="350271a8-f774-4656-923d-0b19ebb705ed" data-macro-name="expand" resolved=""><div class="expand-control" id="bkmrk-%C2%A0how-do-system-messa-1"><span class="expand-control-icon icon"> </span><span class="expand-control-text">How do System Messages work?</span></div><div class="expand-content expand-hidden">  
</div></div></div></div></div>**System Messages** and **Pages** work together using Disclaimer Shortcode's. When you create a **System Message,** you give that message a unique **Identifier.** System message identifiers may be used in junction with **Disclaimer Shortcodes** to display your **System Messages** onto **Pages**. The idea may be daunting at first, but once you get a better understanding of how these features work together, it will make more sense.

### Visual Example


[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/hM6image.png)](https://opscom.wiki/uploads/images/gallery/2024-06/hM6image.png)

<div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="350271a8-f774-4656-923d-0b19ebb705ed" data-macro-name="expand" id="bkmrk-the%C2%A0system%C2%A0message%C2%A0g" resolved=""><div class="expand-content" id="bkmrk-the%C2%A0system%C2%A0message%C2%A0g-1">1. The **System** **Message** gets created.
2. The **System Message** is given an **Identifier** to be used with a specific **System Message** so we may access it on a **Page**.
3. We add the **Identifier** to the Disclaimer Shortcode on the **Page** that we want to display the message on.   
    
    1. ***<span class="legacy-color-text-blue3">Shortcode Example-</span> \[disclaimer name=lockersDisclaimer dismiss=never\]***
    2. ***<span class="legacy-color-text-blue3">Shortcode Example- </span>\[disclaimer name=vehicleDisclaimer dismiss=session show=".add-vehicle"\]***
4. **Shortcodes** may also be used on **System Messages** to display useful content such as a detailed description of the current vehicles registered to the user. See below for a list of supported **Shortcodes**.

</div></div><div class="columnLayout single" data-layout="single" id="bkmrk--28"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="expand-container conf-macro output-block" data-hasbody="true" data-macro-id="350271a8-f774-4656-923d-0b19ebb705ed" data-macro-name="expand" id="bkmrk--29" resolved=""><div class="expand-content expand-hidden" id="bkmrk--30"></div></div></div></div></div>**System Messages** provide you with a convenient way to add alert messages to your pages that pop-up when a user clicks the page. You may create **System Messages** to be displayed on specific **Pages** using Disclaimer Shortcode's.

<div class="columnLayout single" data-layout="single" id="bkmrk-message-attributes-d"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="table-wrap"><table class="wrapped confluenceTable tablesorter tablesorter-default" role="grid"><colgroup><col></col><col></col></colgroup><thead><tr class="tablesorter-headerRow" role="row"><th aria-disabled="false" aria-label="Message Attributes: No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="0" role="columnheader" scope="col" tabindex="0">Message Attributes</th><th aria-disabled="false" aria-label="Description: No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="1" role="columnheader" scope="col" tabindex="0">Description</th></tr></thead><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd">**Title**</td><td class="confluenceTd">The title that will be displayed across the top of the **System Message** when users navigate to that page. </td></tr><tr role="row"><td class="confluenceTd">**Identifier**</td><td class="confluenceTd">The identifier is used to know which page you want to display the message by using **Shortcodes**. </td></tr><tr role="row"><td class="confluenceTd">**Visibility**</td><td class="confluenceTd">This section toggles the visibility of your page which will make it so your users may not see the page, but you can still edit it.</td></tr><tr role="row"><td class="confluenceTd">**Language**</td><td class="confluenceTd">Select between two language options for a specific page. Tomahawk current supports **English** and **French**. </td></tr><tr role="row"><td class="confluenceTd">**Content**</td><td class="confluenceTd">Content is what will display on the actual page. You may use **Shortcodes** here to view predefined static or interactive content. For example, a user login form could be displayed on your homepage. </td></tr></tbody></table>

</div>1. To create a **System Message** merely click the **Create Page / Message** button on the top right of the **Manage System Messaging** screen.  
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/iFKimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/iFKimage.png)
2. Make sure to select the **Page Type** from the drop-down menu and change this to **Message**. It is essential that you do not select **Page** when creating a **System Message**.  
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/2Xtimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/2Xtimage.png)
    
      
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/3NSimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/3NSimage.png)
3. Create a **Title** for the message.
4. Give the message a unique **Identifier** so it can be accessed on your **Pages** using Disclaimer Shortcodes. **Shortcodes** are codes used to link our **Pages** and **System Messages** together.
5. Once an **Identifier** is created, It is essential to note that you may not use it anymore or you will get an error message.
6. You may modify the visibility of your **System Message** by toggling the **Visible** button on or off.
    
    <div class="table-wrap"><table class="wrapped relative-table confluenceTable tablesorter tablesorter-default" role="grid"><colgroup><col></col><col></col></colgroup><thead><tr class="tablesorter-headerRow" role="row"><th aria-disabled="false" aria-label="Toggle On(Visible): No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="0" role="columnheader" scope="col" tabindex="0">Toggle On(Visible)</th><th aria-disabled="false" aria-label="Toggled Off(Invisible): No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="1" role="columnheader" scope="col" tabindex="0">Toggled Off(Invisible)</th></tr></thead><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd">[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/XY6image.png)](https://opscom.wiki/uploads/images/gallery/2024-06/XY6image.png)
    
    </td><td class="confluenceTd">[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/L2Himage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/L2Himage.png)
    
    </td></tr></tbody></table>
    
    </div>
7. Toggling a **System Message** as invisible ensures your users won't see it. Although, you can still **edit** and **view** the **System Message** on the admin side, but it will be displayed as seen in the image below.   
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/vd5image.png)](https://opscom.wiki/uploads/images/gallery/2024-06/vd5image.png)
8. Select which **Language** you would like your content to be in. OPS-COM currently supports two languages which are **English** and **French**.
9. Edit the contents of your **System Message** in the editor found below the messages fields. This is the content that your users will see and will allow you to edit and format the way the text looks.  
    Once finished, click **Save Messaging.**

<div class="confluence-information-macro confluence-information-macro-information conf-macro output-block" data-hasbody="true" data-macro-id="e6183a34-78e5-41f8-b06e-b1f266ae4a1e" data-macro-name="info">  
</div></div></div></div>Warning

Clicking **Return to Template List** before **Save Messaging** will discard all the changes you just made, meaning that the **System Message** will not get created or your changes will not occur.

[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/Kkyimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/Kkyimage.png)

<div class="columnLayout single" data-layout="single" id="bkmrk--33"><div class="cell normal" data-type="normal"><div class="innerCell"><div class="confluence-information-macro confluence-information-macro-information conf-macro output-block" data-hasbody="true" data-macro-id="e6183a34-78e5-41f8-b06e-b1f266ae4a1e" data-macro-name="info"><div class="confluence-information-macro-body">  
</div></div></div></div></div>## Editing System Messages

You can manage your **System Messages** **Title, Identifier, Visibility, Language**, as well as modify the content to include text, images, or **Shortcodes**.

<div class="columnLayout single" data-layout="single" id="bkmrk-to%C2%A0edit%C2%A0your%C2%A0system-"><div class="cell normal" data-type="normal"><div class="innerCell">1. To **Edit** your **System Messages** click the **Messages** tab under the **Manage System Messaging** page.
2. Select the **Edit** button next to the **System Message** you wish to edit. For this example, we will be editing the **Admin Dashboard.**   
      
    [![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/elXimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/elXimage.png)
3. You will now be able to adjust the message your users will see using the **System Messaging** editor. Below are the fields in which you can use to edit the **System Message**.
    
    <div class="table-wrap"><table class="wrapped confluenceTable tablesorter tablesorter-default" role="grid"><colgroup><col></col><col></col></colgroup><thead><tr class="tablesorter-headerRow" role="row"><th aria-disabled="false" aria-label="Message Attributes: No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="0" role="columnheader" scope="col" tabindex="0">Message Attributes</th><th aria-disabled="false" aria-label="Description: No sort applied, activate to apply an ascending sort" aria-sort="none" class="confluenceTh tablesorter-header sortableHeader tablesorter-headerUnSorted" data-column="1" role="columnheader" scope="col" tabindex="0">Description</th></tr></thead><tbody aria-live="polite" aria-relevant="all"><tr role="row"><td class="confluenceTd">**Title**</td><td class="confluenceTd">The title that will be displayed across the top of the **System Message** when users navigate to that page. </td></tr><tr role="row"><td class="confluenceTd">**Identifier**</td><td class="confluenceTd">The identifier is used to know which page you want to display the message by using **Shortcodes**. </td></tr><tr role="row"><td class="confluenceTd">**Visibility**</td><td class="confluenceTd">This section toggles the visibility of your page which will make it so your users may not see the page, but you can still edit it.</td></tr><tr role="row"><td class="confluenceTd">**Language**</td><td class="confluenceTd">Select between two language options for a specific page. OPS-COM currently supports **English** and **French**. </td></tr><tr role="row"><td class="confluenceTd">**Content**</td><td class="confluenceTd">Content is what will display on the actual page. You may use **Shortcodes** here to view predefined static or interactive content. For example, a user login form could be displayed on your homepage. </td></tr></tbody></table>
    
    </div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/TZlimage.png)](https://opscom.wiki/uploads/images/gallery/2024-06/TZlimage.png)
4. You may use the **Title** field to change the **Title** of the **System Message**.
5. You may use the **Identifier** field to change text used to display a **System Message** to a **Page,** but this will require you to modify all **Disclaimer Shortcodes** using the old unique **Identifier** for the message you are replacing.
6. You may click **Save Messaging** when you are finished making your changes.

</div></div></div>[![image.png](https://opscom.wiki/uploads/images/gallery/2024-06/scaled-1680-/W08image.png)](https://opscom.wiki/uploads/images/gallery/2024-06/W08image.png)

## Add System Messages to Pages using Shortcodes

Now that you know how to create your **Pages** and **System Messages** you can bring them together using a <span class="legacy-color-text-red2">Disclaimer Shortcode</span>. A **Shortcode** is a small body of code surrounded by **\[ \]** used to display complex templates or features. Shortcodes limit the technicality of our system by offering a convenient way to add interactive content without having to know how to script or code.

Please review the Shortcodes for Use on the User Portal for a detailed description of how shortcodes work. You can also find a list of **Shortcodes** currently available to you by going to the OPS-COM Shortcode Documentation.

<iframe class="youtube-player conf-macro output-block" data-hasbody="false" data-macro-id="e5177982-6967-41f6-a44d-b3d0a55776f1" data-macro-name="widget" frameborder="0" height="324" src="https://www.youtube.com/embed/spoRyVUWflE?wmode=opaque" style="width: 648px; height: 324px;" width="648"></iframe>