Skip to main content

User Portal Branding and Setup

Accessing

OPS-COM Systemadministrators Settings

can

Firstdefine weglobal mustdefault gobranding intofor Systemthe SettingsUser fromPortal. By configuring the SystemDefault Site Logo and Default Site Header, you can ensure consistent branding and visual presentation across your OPS-COM User environment.

Setup & Configuration menu.


Default

image.png

Weimages are lookingconfigured forwithin the Global component inof the listSystem of system setting components.Settings.

image.png


  1. Hover

    Inover System Configuration, and click System Settings.

  2. Click the Global settings tab.  Within the Global Setting wesection, you will seefind two key areas where weyou can configure images to be used. 

    images:
    • Default Site Logo
    • Default Site Header

    image.png

  3. By

clicking
Setting the Default Logo
  1. Next to the Default Site Logo setting, click on Select Image.
  2. we
  3. You will be taken to the Manage Files section where(your imagesfile andrepository).
  4. files
  5. Browse areyour stored.

    computer

    Settingor search for the Defaultimage Logo

    you

    Here we will select an imagewish to be useduse as theyour default site logo.

  6. image.png

  7. Select

    the desired image.

Setting the Default Header Image

We

    can
  1. Similarly, nownext setto the Default Site Header image.

    setting,

    image.png

    click on Select Image.
  2. Follow steps 3-4 above.

Once the images are selectedselected, theytheir file names or previews will appear in the respective configuration settings.
settings fields. Remember to Save Settings to apply these selections.

image.png

Observing

Where Thethe Changes Appear

These default images serve as fallbacks and will appear in various places inthroughout the system.OPS-COM Ifsystem if no headerspecific logo or logoheader is set in other areas (such as the TemplatesContents and Designs sectionsection).

of

Common theplaces system,where these default images willare beutilized used.
include:

In

    our
  • The exampleUser wePortal are(e.g., usingyour thepublic-facing defaultpermit headerpurchasing andsite).
  • logo
  • The on the user portal...

    image.png

    As well as the phone interface utilized in features like Real-Time Parking.

  • image.png

  • Mobile apps, Text2ParkMe, and QR code interfaces 

Best Practices & Considerations

  • Branding Consistency: Use high-quality, appropriately sized images that reflect your organization's branding for both the logo and header.
  • Optimization: Ensure image files are optimized for web use (e.g., compressed, appropriate resolution) to ensure fast loading times on all interfaces.
  • Global Impact: Remember that these are default settings. If you have specific headers or logos configured in other sections of the system (like individual email templates or specific public pages), those specific configurations will override these global defaults.
  • Accessibility: Consider the visual accessibility of your chosen images, especially for text overlays or contrast, if applicable to your header design.