AirWatch Console & Self Service Portal Branding

This section will introduce you to Branding the AirWatch Web Console and Self Service Portal. Many customers alter the branding of their Web Console and Self Service Portal to match their corporate branding. In this section we will browse the available options for branding these two websites.

1. Create a Child Organization Group For Branding

Because this lab will change the look and feel of the AirWatch Management Console you will create a child Organization Group under your main group to do this module.

Navigate to Organization Group Details
  1. Click Groups & Settings.
  2. Expand Groups.
  3. Expand Organization Groups.
  4. Click Organization Group Details.

1.2. Finding your Group ID

First, make sure you know what your Organization Group ID is:

  1. To find the Group ID, hover your mouse over the Organization Group tab at the top of the screen. Look for the email address you used to log in to the lab portal.
  2. Your Group ID is displayed at the bottom of the Organization Group pop up. The Group ID is required in the following steps.

1.3. Add the Branding Child Organization Group

Add the Branding Child Organization Group
  1. Click the Add Child Organization Group tab.
  2. Enter "Branding" for the Name field.
  3. For the Group ID field, enter your Group ID (from the previous step) with "BR" (short for "Branding") appended to the end.
    EXAMPLE - If your Group ID is "groupid1234", then the Child Group ID you would use is "groupid1234BR".
    NOTE - You will need this new Group ID for future steps, so be sure to note this Group ID.
  4. Click Save.

1.4. Note Your Organization Group has Changed

Once the save process completes, you will notice that your current Organization Group has been changed to the new Branding Organization Group you just created.

  1. Hover your mouse over the Organization Group button.  
    NOTE: The name on the button will be "{Parent Organization Group} / Branding".
  2. Notice that the Organization Group and Group ID reflect the Branding group details you just created.

This step shows you how to change the Company Logo, which is seen at the AirWatch Console Login screen, the corner of the AirWatch Console screen, and the Self Service Portal.

2.1. Branding Settings

  1. Confirm you are at the Branding Organization Group. Most tasks for this lab will be performed at this Organization Group level.  
    NOTE: If you are not at the "Branding" Organization Group, switch by clicking the Organization Group button and selecting the "Branding" group in the dropdown menu.
  2. Click Groups & Settings.
  3. Click All Settings.

2.2. Branding Settings

Branding Settings
  1. Click System.
  2. Click Branding.

2.3. Override the Settings

Override the Settings

Set the Current Setting to Override.

Configure the Primary Logo

The Company Logo is the icon located at the AirWatch Console Login screen, as well as at the top left corner of your AirWatch Console.

NOTE - These branding updates will also be applied to the Self Service Portal.

Click Upload by the Company Logo setting.

2.5. Uploading a File

Uploading a File

Click Choose File.

Selecting the World Wide Enterprises Corp Logo
  1. Click Documents in the left pane.
  2. Click on the HOL folder.
  3. Click on the Branding folder.
  4. Click the worldwideenterprises_logo.png file.
  5. Click Open.
Saving the World Wide Enterprises Corp Logo

Click Save.

3. Login Page Background

In this section you will change the Login Page Background, which is the image displayed at the AirWatch Console Login screen.

3.1. Uploading The Image

Uploading The Image
  1. You may need to scroll down to find the Login Page Background area.
  2. Click Upload for the Login Page Background area.

3.2. Uploading a File

Uploading a File

Click Choose File.

3.3. Selecting the World Wide Enterprises Background

Selecting the World Wide Enterprises Background
  1. Click Documents in the left pane.
  2. Click on the HOL folder.
  3. Click on the Branding folder.
  4. Click the worldwideenterprises_background.png file.
  5. Click Open.

3.4. Saving the World Wide Enterprises Background

Saving the World Wide Enterprises Background

Click Save.

4. Self Service Login Page Background

In this section, you will change the Self Service Login Page Background so that the Self Service Portal login background matches the AirWatch Console login background.

4.1. Uploading the Image

  1. You may need to scroll down to find the Self-Service Portal Login Page Background area.
  2. Click Upload for the Self-Service Portal Login Page Background.

4.2. Uploading a File

Uploading a File

Click Choose File.

4.3. Selecting the World Wide Enterprises Background

Selecting the World Wide Enterprises Background
  1. Click Documents in the left pane.
  2. Click on the HOL folder.
  3. Click on the Branding folder.
  4. Click the worldwideenterprises_background.png file.
  5. Click Open.

4.4. Saving the World Wide Enterprises Background

Saving the World Wide Enterprises Background

Click Save.

5. Colors

In this section you will change the Color theme of the AirWatch Console.

5.1. Changing the Header Color

Changing the Header Color
  1. Scroll down in the Branding settings to find the Colors section.
  2. Under the Header section, enter "#00AED9" for the Header Color field.
  3. You can also toggle the Font Color between Light and Dark to better fit your theme.  Change the Header Font Color to Dark.
  4. Notice that the live preview updates instantly as you change any of the Color settings.

5.2. Apply Your Changes

Apply Your Changes
  1. Scroll down to view the Save button.
  2. Click Save.

5.3. Close the Branding Settings Screen

Close the Branding Settings Screen
  1. Notice the Saved Successfully message prompt, confirming your changes.
  2. Close the Close (X) button.

6. Confirm the Console Branding Changes

Now that the Branding changes have been configured and saved, we can test these changes within the AirWatch Console and the Self Service Portal.

6.1. View the Console Changes

View the Console Changes

Notice that the Company Logo, and Header Color changes have been applied to the AirWatch Console.

6.2. Open a new Browser Tab

Open a new Browser Tab

In your browser, click the new tab button to open a new tab.

Navigate to the Self Service Portal and Login
  1. Navigate to https://hol.awmdm.com/MyDevice
  2. Enter your Group ID for the Group ID field.  
    IMPORTANT - Remember to use your Branding Organization Group ID, ending in 'BR'.  If you forgot this value, please refer to the previous step "Note Your Organization Group Has Changed" to find the value.
  3. Enter "testuser" in the Username field.
  4. Enter "VMware1!" in the Password field.
  5. Click Login.

NOTE - If you see a Captcha here, please note that it is case sensitive!

6.4. Confirm the Self Service Portal Branding Changes

Confirm the Self Service Portal Branding Changes
  1. Confirm that the Company Logo, Header Color and Navigation Color changes have been applied to the Self Service Portal.
  2. Click Logout.

6.5. View the Self-Service Portal Branding Changes

Upon logging out and returning to the Self-Service Portal login page, notice that the Company Logo and Self-Service Login page, notice that the Company Logo and Self-Service Login Page Background settings have been applied.

Why didn't our branding changes display when we first navigated to the Self Service Portal at https://hol.awmdm.com/MyDevice?  This is because our branding configurations were made at a child organization group and the Self Service Portal uses the branding configurations at the global organization group by default.  

Alternatively, you can specify the group ID in the URL for the Self Service Portal, which would pull the branding configurations for the group ID you specify.  To do so, you would navigate to https://hol.awmdm.com/MyDevice/Login?ac={groupID}, where {groupId} would be replaced with the Group ID retrieved from the AirWatch Console as did we in previous steps to login to the Self Service Portal.  Using this direct link would also prevent your end users from having to enter the Group ID field during login, which may provide a better login experience.

6.6. Return to the AirWatch Console

Return to the AirWatch Console

Return to the AirWatch Console by clicking the first tab.

0 Comments

Add your comment

E-Mail me when someone replies to this comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.