Customizing branding for your vanity URL

Once you have an approved vanity URL, you can customize it with your organization's branding. Review our branding guidelines before customizing your page with the Zoom logo or other marketing materials.

Any branding changes will apply only when accessing the Zoom web portal via your vanity URL (for example, yourorganization.zoom.us). Branding will not apply when accessing the web portal from zoom.us.

Notes:

Requirements for customizing branding settings for your vanity URL

Limitations of custom branding configuration

Table of Contents

How to access all branding settings

  1. Sign in to the Zoom web portal as an account owner or admin.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Account .
  4. Click Branding.
  5. Select the vanity URL you want to edit.
    Note: If you have only one vanity URL, you will not see additional options. Learn about multiple vanity URLs.
  6. Choose from the following tabs to customize branding for your vanity URL:

How to customize the landing page

The landing page is the main page for your organization's vanity URL. To customize the landing page's HTML:

  1. Sign in to the Zoom web portal as an account owner or admin.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Account .
  4. Click Branding.
  5. Select the vanity URL you want to edit.
    Note: If you have only one vanity URL, you will not see additional options. Learn about multiple vanity URLs.
  6. Click the Landing Page tab.
  7. Update the HTML attributes to make basic changes to the landing page to match your organization's branding.
    Note: To find attributes faster, press Ctrl + F or Cmd + F and enter the attribute name. Then follow the instructions to update the attribute.
  8. Once you’ve finished making changes, click Apply.
  9. (Optional) If you have multiple vanity URLs, repeat steps 5-8 to change the landing page for a different vanity URL, or click Apply to all vanity URLs to apply the same changes to all of them.
  10. (Optional) Click Restore to revert all changes to the default HTML.

HTML attributes

Background image

Background image

Attribute name: background-image

To change the background image, update the URL between the quotation marks to the image you want to use.

Sample:

background-image: url("https://yourorganization.zoom.us/account/branding/p/backgroundimage.jpg");

Context text color

Content text color

To change the text color of the landing page content (not including the buttons), add the color attribute within .content-body { }. Use a lighter color if your background is dark.

Sample:

.content-body {
display: table-cell;
vertical-align: middle;
color: white;
}

Page title

Page title

Attribute name: title

The page title determines what is displayed in a browser tab for the page name. Enter your own page title between <title> and </title>.

Sample:

<title>Video Conferencing, Web Conferencing, Online Meetings, Screen Sharing</title> <!--customize landing page title--> 

branding-edit-title.gif

Button background color

Button background color

Attribute name: background-color (look for the background-color attribute that is nested under .button)

To change the background color of the three buttons (Join, Host, and Sign In), specify colors using hex values; for example, #FFFFFF is white.

.button {
width: 80px;
background-color: #000000; /*customize button color */
border-color: #2D8CFF;
padding: 12px 20px;
display: inline-block;
text-align: center;
margin: 10px 0;
transition: .3s ease;
}

Button background hover color

Button background hover color

Attribute name: background-color (nested under .button.hover)

To change the button color when you hover your mouse pointer over it, specify colors using RGB values; for example, rgb(255, 255, 255) is white.

Sample:

.button:hover {
background-color: rgb(235, 152, 52); /*customize button color */
}

Button text color

Button text color

Attribute: color (nested under .btn-text)

Change the color of the text inside the button. If you used a darker color as your button background, set the attribute to white. If you have a lighter background color, set the attribute to black. You can also specify a custom hex value.

Sample:

.btn-text {
color: #008BFF; /*customize button font color */
font-size: 17px;
}

Logo

Logo

Change the logo that appears above the three buttons on the landing page.

Note: By default, the logo is resized to 140px by 31.5px. This will most likely distort your custom logo. To remove this, remove class="zoom-logo" after the image URL in the landing page HTML.

Sample:

<div class="row">
<img src="https://zoom.us/account/branding/p/1c7dfaf5-2646-4224-92e0-5abef82036b1.png" alt="Zoom Logo"> <!--customize company logo-->
<div class="row">

How to customize the Zoom web portal header and footer

You can customize the header and footer that appear throughout the web portal when accessed from your vanity URL.

Modify the header

  1. Sign in to the Zoom web portal as an account owner or admin.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Account .
  4. Click Branding.
  5. Select the vanity URL you want to edit.
    Note: If you have only one vanity URL, you will not see additional options. Learn about multiple vanity URLs.
  6. Click the Web portal tab.
  7. In the right panel, click Header.
  8. In the Header style section, customize the background color, background size, text color, and text size.
  9. In the Logo section, click Replace to upload your organization's logo (GIF, JPG, BMP, or PNG). The recommended size is 1920x1080 pixels.
  10. In the Header items section, you can customize some of the items that appear in the header and rearrange their order.
  11. Click Apply.

Modify the footer

  1. Sign in to the Zoom web portal as an account owner or admin.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Account .
  4. Click Branding.
  5. Select the vanity URL you want to edit.
    Note: If you have only one vanity URL, you will not see additional options. Learn about multiple vanity URLs.
  6. Click the Web portal tab.
  7. In the right panel, click Footer.
  8. In the Footer style section, customize the background color, background size, text color, and text size.
  9. In the Footer items section, you can customize some of the items that appear in the footer.
    Note: Some footer items cannot be customized or removed, such as Terms, Privacy, and Acceptable use guidelines
  10. Click Apply.

How to customize email templates

You can customize email templates for general administrative emails.

  1. Sign in to the Zoom web portal as an account owner or admin.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Account .
  4. Click Branding.
  5. Select the vanity URL you want to edit.
    Note: If you have only one vanity URL, you will not see additional options. Learn about multiple vanity URLs.
  6. Click the Emails tab.
  7. Click Edit next to the template you want to edit.
    List of customizable email templates:

Note: You can use custom email variables in the template.

How to customize the meeting post attendee URL

  1. Sign in to the Zoom web portal as an account owner or admin.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Account .
  4. Click Branding.
  5. Select the vanity URL you want to edit.
    Note: If you have only one vanity URL, you will not see additional options. Learn about multiple vanity URLs.
  6. Click the Meetings and Webinars tab.
  7. In the Meeting Post Attendee URL field, enter the URL that you want to redirect participants to.

Learn more about customizing the post-attendee URL.

How to customize Zoom Events domain branding

Learn how to customize your Zoom Events hub domain.

How to customize meeting invite email templates

Customize meeting invite email templates for the entire account

This setting allows account owners or admins to customize invitation email branding for all users in the account.

  1. Sign in to the Zoom web portal as an admin with the privilege to edit account settings.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Settings .
  4. Click Meeting.
  5. Under Invitation Email Branding, click Edit on the email template you want to update. Learn more about the schedule meeting email template.
  6. Edit the email template as needed.
  7. Click Apply Changes, then click Done.

Customize meeting invite email templates for a group of users

This setting allows account owners or admins to customize invitation email branding for a specific group of users. Changes apply only to users in the selected group.

  1. Sign in to the Zoom web portal as an admin with the privilege to edit groups.
  2. In the top-right corner, click your profile picture or initials, then click Admin Center.
  3. In the side menu, click Users .
  4. Click Groups.
  5. Click the applicable group name from the list.
  6. In the General configuration section, click Edit product settings.
  7. Click the Meeting tab.
  8. Under Invitation Email Branding, click Edit on the email template you want to update. Learn more about the schedule meeting email template.
  9. Edit the email template as needed.
  10. Click Apply Changes, then click Done.