Pages and Content Blocks

AccessingThe SystemPages Messaging

and

ToContent accessBlocks feature allows administrators to create and manage yourthe Systemvisual Messagingcontent navigateand system messages displayed throughout the user portal. Its primary purpose is to enable organizations to customize their public-facing pages, embed interactive features using shortcodes, and enforce user agreements via popup disclaimers. This article is intended for OPS-COM administrators responsible for managing portal content and user communications.

Setup and Configuration

This feature is a core administrative tool used to build and maintain the user-facing portal environment.

Admin Side: Administrators must have the appropriate system role permissions enabled to access the content and design menus.

User Side: The configurations applied here directly dictate the layouts, text, interactive forms, and popup agreements that end-users interact with while navigating the parking portal.

Using this Feature

Administrators can use the following instructions to create custom pages, embed interactive shortcodes, and generate targeted system messages.

Accessing the Management Interface

1. Hover over the gears icon (System Configuration) and click on Content & Designs ->then Pages and Content Blocks.

   

Creating Pages

1. 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. 

   • To create a Page clickClick the Create Page/Message button at the top right of the management screen.

   • Select Manage System MessagingPage screen. It doesn't matter what tab you're on when you do this as you will specifyfrom the Page Type whendrop-down youmenu.

     go
   to
   • create

     Configure the page.following

   page

   attributes:

   • Once you

     Title: click this button OPSCOM will take you to a different section where you can setEnter the propertiesname and content of the page. Below is a detailed description of the options available to you when creating new Pages. 
     

   Language:

   Select

   Content:

   Page Attributes	Short Description
   Title	The Title of the page you wish to create, whichthat will be the name displayed on the user navigation bar.
   Path	ThePath: Define the URL path after the domain.domain i.(e. g., loginentering /login/ establishes →the Thispage isas the home page page). ChangingVisibility: thisToggle the Visible button to lockers/area/1 will display login/lockers/area/1 as the URL for that page.
   Visibility	You can toggle the visibility of your pages which will make it so your users can't see the page anymore,accessible butor youhidden canto stillend-users. edit it.
   the appropriate language for the page (e.g., English or French). LanguageLayout:	UseSelect the visual structure for the page. Typically, this tois selectleft between two language options for a specific page. Tomahawk currently supports English and French.
   Layout	You can select the layout of your page here. Usually, you will haveas the Default Layout. selected.
   Content	Your content will beEnter the main body text onor embed shortcodes to display interactive features. Click the Save Messaging button to finalize the page youcreation. are currently editing. You can also use Shortcodes here to display Toggling a body of material or feature. For example, a user login form could be displayed on your homepage.

   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 beinvisible displayed.hides
     
     

     it
      What is a URL?...

   

   • Adjust the visibility offrom your page by toggling the Visible button on/off. The Page will still be editable in the System Messaging sectionend-users, but it will notstill beremain visiblefully editable to your users who areadministrators on your Page or System Message. 
     

   Toggle On(Visible Page)	Toggled Off(Invisible Page)

   • Toggling the Page as invisible will show itbackend under the Messages tabtab. likeThis seenis inhighly theuseful imagefor belowdrafting to signify it cannot be seen by your users. 
     

   content.

   Content

   • Select the default LanguagePlacement and Layout of your page. If you are not sure which template to use you can leave it as the Default Layout. 

   Shortcodes

   

   • 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 & Design to edit the other sections of your pages such as the Header-Content and Footer-Content. 
   • OPSCOM uses Shortcodes to display a section of interactive or static content like a user login, permits, etc. 

   

   Content Placement

   Depending on where you place your content it can appear differently. OPSCOM'sThe smart editor reads content from top to bottom, left to right. MeaningWhere thatyou place a shortcode heavily dictates the final visual layout.

   For example, 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. 

   For Example: Shortcodes Before Content

   We are going to use the Lot Information Shortcode to display our available lots before our text content. 
   

   

   As you can see this displays our lot information shortcode before ouryour content.text

   content

   

   For Example: Shortcodes After Content 

   Once again we are going to usein the Loteditor Informationwill Shortcode to display our available lots after our Content.

   

   As you can see this placedrender the Shortcodeinteractive afterlot table visually above your text on the lotlive informationpage. Placing the shortcode after the text will render the table below it.

   

   Editing Pages

   1. Keep in mind thatReview the URL / System Location nextcolumn toin the page islist to identify the specific area inof OPSCOMthe thatportal you are updating.updating Therefore,(e.g., ifupdating you/permits wished to updatemodifies the main permit screen, you want to edit the page with a System Location of /permits.screen).

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

      1. To Edit a page, simply click on

         Click the Edit button next to the specific page Titletitle.

         you
      want
      2. to edit. As seen in

         Make the image below we are going to select and edit the Appeals Message page. 
         
         

         

         
         
      3. You can now make anydesired changes to the Pages contentattributes 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.. 
         
         

         formatting.

         
         
      4. If you have not made any changes to

         Click the page you are Editing, you may go back to the Page List by clicking Return to Page List button at the top of the screen.screen Clicking this button willto discard all changesrecent recentlychanges, made.or
         

         

      5. Once you have finished editingclick the page, click Save Messaging for your changesbutton to takeapply effect. 
         

         them.

         
         

      Creating System Messages

      Important: Users will be brought back to the Users page if users do not agree with a System Message.messages Meaning,are we use System Messaging as a convenient wayused to offer agreements and disclaimers before users make purchasespurchases. of permits or lockers. 

      System Messages and How they work with Pages 

      How do System Messages work?

      
      

      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

      

      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. Shortcode Example- [disclaimer name=lockersDisclaimer dismiss=never]
            
         2. Shortcode Example- [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.  

      System Messages provide you with a convenient way to add alert messages to your pages that pop-up whenIf a user clicksdoes not agree to a required system message, they are automatically redirected away from the page. You may create System Messages to be displayed on specific Pages using Disclaimer Shortcode's.
      action.

      Message Attributes	Description
      Title	The title that will be displayed across the top of the System Message when users navigate to that page.
      Identifier	The identifier is used to know which page you want to display the message by using Shortcodes.
      Visibility	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.
      Language	Select between two language options for a specific page. Tomahawk current supports English and French.
      Content	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.

      1. To create a System Message merely click

         Click the Create Page / Page/Message button on the top right of the Manage System Messaging screen.
         
         

         button.

         
         
      2. Make sure

         Select toMessage selectfrom 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.
         
         

         menu.

         
         

         

         
         
      3. Create

         Enter a Title for the message.
         

      4. Give the message

         Create a unique Identifier. soThis itcode canis be accessed on your Pages using Disclaimer Shortcodes. Shortcodes are codesstrictly used to link ourthe Pages and System Messages together. 
         

      5. Once an Identifier is created, It is essentialmessage to notea thatpage youvia maya notshortcode.
         use it anymore or you will get an error message.
         

      6. You may modify the visibility of your System Message by togglingToggle the Visible setting, select the Languagebutton, onand orinput off.your
         Content.

         Toggle On(Visible)	Toggled Off(Invisible)

      7. Toggling a System Message as invisible ensures your users won't see it. Although, you can still edit and view

         Click the SystemSave MessageMessaging on the admin side, but it will be displayed as seen in the image below. 
         
         

         button.

         
         
      8. Select which Language you would like your content to be in. OPSCOM 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. 
         

      Do

      not
      click

      Warning: Clickingthe Return to Template List button before Savesaving. MessagingDoing so will immediately discard all thechanges, changesand youyour justsystem made, meaning that the System Messagemessage will not getbe created or your changes will not occur. created.

      

      
      

      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.

      1. To Edit your System Messages click

         Click the Messages tab underon the Managemain Systemmanagement Messagingscreen.

         page.
         
      2. Select

         Click the Edit button next to the Systemsystem Messagemessage you wish to edit. For this example, we will be editing the Admin Dashboard. 
         
         

         modify.

         
         

      3. You will now be able to adjustAdjust the messagetitle, youridentifier, usersvisibility, willlanguage, seeor usingcontent as needed.

      4. Click the SystemSave Messaging editor.button.

         Below
      are

      the

      Linking fields in which you can useMessages to editPages

      the 

      System Message.messages
      
      

      and

      pages worktogetherusingshortcodes.

      Messagedisclaimer Attributes	Description
      Title	The title that will be displayed across the top of the System Message when users navigate to that page.
      Identifier	The identifier is used to know which page you want toTo display thea popup message by using Shortcodes.
      Visibility	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.
      Language	Select between two language options foron a specific page.page: OPSCOM currently supports English and French.
      Content	Content is what will display on Copy 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.

      

      
      

   2. You may use the Title field to change the Title of the System Message. 
      
   3. 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 forof the system message you created.

   4. Open the target page in the editor.

   5. Insert a disclaimer shortcode into the content area using the identifier (e.g., [disclaimer name=lockersDisclaimer dismiss=never]).

   6. Save the page. The system will now automatically trigger the message you are replacing.  
      

   7. You may click Save Messaging when youusers areaccess finishedthat making your changes. 
      location.