Setting Custom Branding for a Panorama

If you want to customize the design of a Panorama beyond the Learner Dashboard and Landing Page, first be sure to enable branding for the client.

1. From your homepage, select Panorama.
2. Click the Name of the client you want to alter.
3. In the left menu, select Site and scroll down to the Branding section.
4. Click Enable Branding.

1. From your homepage, select Panorama.
2. Click the Name of the client you want to alter.
3. In the left menu, select Site and scroll down to the Branding section.
4. If branding is enabled you can customize the following:
   • Site Name
     • Add a site name to display next to the logo on the landing page.
       
   • Logo
     • Upload the client's logo for a white labeled experience for learners assigned to this panorama.
       Note

       If you Enable Branding and do not upload a logo, in place of the logo, the Panorama name will simply show as text in the top left corner on the landing page or dashboard.

   • Font
     • Use one of the fonts we offer by default or link to a custom font. See our article about Linking Custom Fonts for further instruction.
   • Theme Colors
     • Set a custom primary, secondary, or link color. We will call out when a color may be too light for accessibility reasons.
       
       Tip

       It's easiest to copy and paste hex codes into the color pickers.

   • Background Image
     • Add a background image that will show behind the landing page, dashboard, and inside of courses.
   • Navigation Links
     • Once branding is enabled, navigation links are no longer mirroring any links set at the site level. If the panorama needs global navigation links, you can add them here. They will show at the top of the landing page and the learner dashboard.
       
5. Be sure to click Save at the bottom of the branding section after each change.

If you choose not to customize the dashboard, the panorama learners will see the global dashboard layout. You can find the global layout under Site (from the main homepage) > Site Builder > Layouts.

If you'd like to customize more than one panorama dashboard (but also keep the global dashboard layout different), you will have to take these steps to design the custom dashboard for each individual panorama.

To customize a panorama dashboard:

1. From your homepage, select Panorama.
2. Click the Name of the client you want to alter.
3. In the left menu, select Site.
4. Click Add Custom Layout under Dashboard Layout.
   • This page lets you add or remove widgets to customize the learner dashboard. By default, the dashboard includes the Hero Image widget, the Dashboard Stats widget, the Learner Activity widget, and the Catalog widget.
     
     
     Tip

     Learners assigned to a panorama will access content from the Catalog widget on the dashboard, so it's important that this widget remains on the learner dashboard.

The landing page is a great place to send users to validate redemption or registration codes for the panorama. It is branded to the panorama experience and you can customize it to fit your needs. If you do not customize, there is a default layout on the landing page, however you cannot edit the default (or global) layout for the landing page. You can only customize each individual landing page per panorama.

1. From your homepage, select Panorama.
2. Click the Name of the client you want to alter.
3. In the left menu, select Site.
4. Click Design Landing Page.
   • This page lets you add or remove widgets to customize the landing page. By default, the landing page shows the Redemption widget.
     
     Tip

     If you are planning on using redemption or registration codes, you must keep the Redemption Widget on this page to ensure the user flow works correctly.

When you create a panorama, it has its own slug at the end of the URL (after your main site domain) that can be fully branded to that group. For example, if Acme is the client, the URL could be http://www.yourcustomdomain.com/acme.

You have to choose a slug when you create the panorama. By default, it will mimic the panorama name, but you can change it at that time to reflect what you want it to be.

To implement a Panorama Custom Domain:

You can further customize your URL by launching a Panorama Custom Domain.

1. Ensure the feature is enabled on your instance by checking in Apps. Click Apps in the left menu and look for Panorama Custom Domains. Reach out via Apps if the feature is not yet enabled.
   Panorama Custom Domains are a premium feature behind a feature flag.

   Navigate to Apps in your instance to request to have this feature enabled on your site.

2. Once the feature is enabled, go to Panorama > Click the Panorama Name where you will add the custom domain > Settings > Custom Domain.
3. Insert the new custom domain under Instance Custom Domain and click Next Step.
   
4. A DNS record to set up a CNAME with your host will be provided here. Set up the DNS record with your host and click Verify CNAME Record.
   
5. If verified successfully, a confirmation screen will display with the option to apply to domain.
6. Click Apply Domain to proceed.