Branding

Links to the Zoom support site manuals on branding:

NOTE: All change might take time as there is caching and a lot of servers on the Cloud that needs to update.

From the Admin Console find branding low on the left navigation:

Tabs explained

First up is Landing page (https://nordunet.zoom.us) Where you can have all sorts of fun with the stylesheets and links you want.

Header/Footer is applied to all other pages (Login, Join and so forth).

CSS has a few variables and a custom field to support the above.

Images can be used in the pages.

Emails is where the fun begins, see subpage for more information.

Under Zoom Rooms you can upload a default background image for all Zoom Rooms in you organisation.

On the Meetings tab you can add a Post meeting page URL and you can add a custom message to the international Dial-in phone number list.

Details

Landing page

A fully fledged Bootstrap Menu (Header) and Cards for links directly to helpfull things as well as a couple of relevant Twitter feeds. And NORDUnet contact details (Footer).

The NORDUnet Header has stylesheet overrides for color and positioning.

<style>
        .bg-ndn {
            background-color: #1BAAD7!important;
        }
        #btnJoinMeeting, #btnHostMeeting, #btnLogout {
            color: #EEEEEE!important;
        }
        .link {
            color: #EEEEEE!important;
        }
        .navbar-brand{
            padding: 5px 5px;
        }
        .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
            margin-left: 0px
        }
        .navbar-brand img{
            height: 50px!important;
        }
</style>
<div id="header" class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container bg-ndn">
    <div class="navbar navbar-fixed-top navbar-default  bg-ndn">
                    <a class="navbar-brand" href="http://www.nordu.net"><img src="https://www.nordu.net/sites/all/themes/NORDUnet/images/nordunet.png"></a>
                <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                        </button>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav navbar-right">
                                <li><a id="btnJoinMeeting" href="/join" class="joinameeting">JOIN A MEETING</a></li>
                                <li><div id="dropdown-hostmeeting" class="dropdown hidden-xs">
                                                <a id="btnHostMeeting" data-toggle="dropdown" href="javascript:;" class="hostmeeting">HOST A MEETING <span class="caret"></span></a>
                                                <ul id="hostMeetingDropdown" class="dropdown-menu pull-right">
                                                        <li><a href="/start/webmeeting">With Video Off</a></li>
                                                        <li><a href="/start/videomeeting">With Video On</a></li>
                                                </ul>
                                        </div>
                                </li>
                                <div role="presentation" class="visible-xs divider"></div>
                                <li><a href="/start/webmeeting" class="visible-xs">HOST A MEETING WITH VIDEO</a></li>
                                <div role="presentation" class="visible-xs divider"></div>
                                <li><a href="/start/videomeeting" class="visible-xs">HOST A MEETING WITHOUT VIDEO</a></li>
                        </ul>
                </div>
    </div>
  </div>
 </div>

The NORDUnet Footer also contains loading of the Bootstrap and jQuery Javascript files from media.nordu.net

<div class="container-fluid">
<footer class="footer bg-light text-center">
        <span class="text-muted">NORDUnet A/S | Kastruplundgade 22 DK-2770 Kastrup DENMARK | Phone +45 32 46 25 00 | Fax +45 45 76 23 66 | <a href="mailto:info@nordu.net">info@nordu.net</a> &#8203;</span>
</footer>
</div>
<script src="https://media.nordu.net/js/jquery-3.2.1.slim.min.js" crossorigin="portal"></script>
<script>window.jQuery || document.write('<script src="https://media.nordu.net/js/jquery-3.2.1.slim.min.js"><\/script>')</script>
<script src="https://media.nordu.net/js/popper.min.js" crossorigin="portal"></script>
<script src="https://media.nordu.net/js/bootstrap.min.js" crossorigin="portal"></script>

Images

To link to images uploaded here you need to use: <Vanity URL>/account/branding/p/<filename>

Example: https://nordunet.zoom.us/account/branding/p/d1cca45a-57ea-4dcc-80ff-53f02384e69b.png