Overview
CYPHER Learning is proud to have one of the most customizable interfaces in the industry. As an administrator, you have the ability to customize not only colors, logos, and images, but also very specific items like terminology throughout the portal.
Installing the Full portal app
To customize your portal, first, download the Full portal app from the App center. To download the app:
- Click Admin from the primary navigation menu.
- Click App center from the fly-out menu.
- Install the Full portal app from the Portal configuration section of the App center.
General
This article will walk you through the tabs and settings available in the Administrator Portal section of the platform. To get started, access the Admin Portal page:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
URL
The first section of the General tab is the URL section. This section displays the current URL of your portal.
- Click the current portal URL to open your portal.
- Click Edit your MATRIX URL to change the URL for the portal. This option allows you to quickly edit the subdomain of your URL. The subdomain is the first section of the URL and can be a mix of letters and numbers.
- Academia users will click Edit your NEO URL to change the URL for the portal.
- Click Use your own URL to set up your own, custom URL. Details on setting up a custom URL are covered below.
Using your own URL
You can set up a foreign domain so that your site can be accessed via a URL that you own. For example, you can allow your site to be accessed via http://www.mycompany.com instead of https://mycompany.matrixlms.com.
There are two steps for setting up a custom domain: (1) changing the DNS settings associated with the URL that you own and (2) entering those values into your portal area.
This example will walk you through a scenario of mapping a site you own - http://www.adpacademy.com - to your MATRIX URL http://adp.matrixlms.com.
Step 1
- First, go to your DNS provider and edit the DNS settings to add CNAME.
- For example, if your domain is managed by GoDaddy, there is an area on the GoDaddy site called "Total DNS" that provides this feature.
- Add "www" to the CNAME field. If "www" CNAME is already set, then make sure to remove it and add it again.
- In the target or point field (depending on your DNS provider), add loadbalancer.matrixlms.com.
- Please note that if you created your site on https://www.matrixlms.eu, then you need to add loadbalancer.matrixlms.eu, and if it was created on https://www.matrixlms.com.au/ then you need to add loadbalancer.matrixlms.com.au.
- Also, note that you don't include the "https:" prefix.
The screenshot below shows the DNS settings for adpacademy.com at GoDaddy. The last line in the CNAME area was added to perform the mapping.

Once you have updated the DNS settings, it can take an hour or so for the changes to take effect across the Internet. In this example, if you typed http://www.adpacademy.com into your browser and it displayed your portal, it means that the changes have become active and you're ready for the next step.
If you want to, you can map a subdomain of your domain instead. For example, to map edu.adpacademy.com to adp.matrixlms.com, use "edu" instead of "www" as the CNAME host.
Step 2
Now that the DNS system is mapping your foreign domain to your MATRIX site, you must enter the mapping into your portal area so that the platform generates URLs based on your foreign domain instead of your original domain. For example, when you create accounts, the email invitations will use the new foreign URL.
To set up the foreign domain mapping:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click Use your own URL in the URL section.
- Then enter the name of your foreign domain without the 'http://' prefix. In this example, www.adpacademy.com would be entered.
- Click Save.
Your new portal URL is displayed as the 'Foreign domain'. At this point, your new foreign domain is live!
- Click Edit your own URL to modify your foreign domain.
- Click Disable your own URL to clear your foreign domain.
SSL
By default, the site uses SSL everywhere on the site.
The platform also offers the option to host SSL certificates for your custom sites to support SSL on all pages for free.
To set up the SSL Certificate for your custom domain, open a ticket with the Support team via the Customer support center. The Support team will assist with the required steps to set up the SSL Certificate for your portal. Because of security concerns, this is the only supported way to upload a certificate.
To open a ticket with the support team:
- Click Help from the primary navigation menu.
- Click Customer support center.
- Click Tickets.
- Click Add ticket.
Note that the login and payments are always performed over a secure HTTPS connection, even if your custom domain does not support HTTPS by default.
Root domain
If you set up a foreign domain for your MATRIX portal, for example, if you mapped http://www.adpacademy.com to your MATRIX URL http://adp.matrixlms.com, you might want to set up the root or naked domain. The root domain helps redirect visitors so that if they do not add the "www" to the URL, they will still be directed to your portal. To do this, you will have to redirect the root domain to the www URL via your Hosting Provider (if they offer this service). If your hosting provider does not offer this service, you can use a root domain redirect service like http://wwwizer.com/naked-domain-redirect.
Color theme
The General tab allows you to set up the visual theme of your portal. The first section is Color theme. To modify your portal's color theme:
- Select a primary accent color. The primary accent color is used across the site to indicate active tabs and buttons, default icons, and more.
- A variety of pre-selected colors are available. Click Custom color if you would like to select your own color.
- Select a primary navigation color. The primary navigation color is used for navigation elements such as the primary navigation menu.
If you select the Custom color button, the Select custom color pop-up displays.
- Enter a HEX color code, or select a color using the color picker.
- Click Save.

The Color theme section includes two additional settings:
- Allow dark mode: Click allow dark mode to give users the ability to change their personal portal view to dark mode.
- Enable color bars for tiles: Select the Enable color bars for tiles checkbox to allow course, class, module, or lesson tiles to display color bars on the left side of the tile.
If you select allow dark mode at the portal level, a new option becomes available to users. To enable dark mode for their personal profile view, users:
- Click their profile picture.
- Click Toggle dark mode from the drop-down menu.
Logo
The platform allows you to use custom logos for the portal.
- Full Logo: Click Upload logo in the Full Logo section to upload a logo that will appear at the top of the primary navigation menu.
- The file can be a PNG, JPG, or GIF and the recommended size is 80px x 80px. A transparent background is recommended.
- Condensed Logo: Click Upload logo in the Condensed Logo section to upload a logo that will appear at the top of the primary navigation menu when the menu is condensed.
- The file can be a PNG, JPG, or GIF and the recommended size is 50px x 50px. A transparent background is recommended.
- Favicon: Click Upload picture in the Favicon section to upload a favicon that will appear in the browser tab.
- The recommended size is 32px x 32px.
Visitor View
The Visitor view tab allows you to configure the visitor page(s) for your portal. Visitor view pages are public and available to users who are not logged in to your portal.
Portal type
The Portal type setting determines how robust your visitor view pages will be. The options include:
- Simple: Selecting a simple visitor page is a great choice for schools and businesses who only have internal users. When users access a simple visitor page, they are immediately prompted to login or sign up.
- Full on all devices: If you select Full on all devices, you can design a more robust home page and enable multiple pages, including a catalog, calendar, news, blog, and more. All pages will be available on all devices, including phones.
- Full on all devices except phones: If you select Full on all devices except phones, you can design a robust visitor home page and enable multiple pages, but users that access your site on mobile phones will only be prompted to login or sign up.
Portal pages
If you select 'Full on all devices' or 'Full on all devices except phones', the Portal pages section displays. The Portal pages table allows you to enable, edit, and/or delete multiple pages that will be publicly available to anyone that visits your URL. The pages include:
- Catalog: The visitor Catalog allows you to display categories and courses for external users to browse, enroll in, or purchase.
- Calendar: The Calendar page allows you to share a calendar of events with external users.
- Note - Calendar events placed on the 'Business' calendar display on the visitor view portal.
- News: The visitor News page allows you to share News postings with external users.
- Contact: The Contact page allows visitors to contact your organization with a message and their contact details.
- Sign up: If enabled, the Sign up page allows visitors to directly sign up to your portal.
- Blog: The Blog page allows you to post external blogs that can be read by visitors.
You can also create additional, custom pages. To create additional visitor view pages:
- Click + Add.
- Choose between creating a new HTML page, or Reference to a specified URL, which allows you to create a page that links to another, specified URL.
Portal visual editor
The portal visual editor provides a point-and-click interface to design your visitor portal. The portal visual editor allows you to add, move, delete, and hide panels and adjust their settings. To access the visual editor:
- Click Edit in the Portal visual editor section of the Visitor view tab.
A preview of the visitor homepage displays on the right, with the editor on the left.
- Click Live view at any time to open your live portal in a new browser.
- Click Header to add a title and logo to your visitor homepage.
- Click Admin to return to the Admin, Portal page.
After clicking Header in the editor, the header settings display. First, select a header background:
- Select Transparent for a header with a transparent background, shown in the screenshot below.
- Please note that the transparent background for the header only appears on the home page when the page is not scrolled down.
- Select White for a header with a white background.
Please note that the changes you make in the editor are live and made immediately.
To add a portal title:
- Enter text into the Logo text field.
- If you leave this field blank, no title will display in the header.
To add your logo to the portal header:
- Click Add picture in the Logo section.
- Upload your logo.
- Your logo will be resized to 51px height.

If you select the transparent background for the header, you can add separate images for the transparent background and the white background.
- Click Change picture in the 'Logo - before scrolling' section to add the logo that will display on the transparent background.
- Click Change picture in the 'Logo - after scrolling' section to add the logo that will display on the white background.
The logo with the transparent background will be displayed with the transparent header when the home page isn't scrolled.
The logo with the white background will be displayed with the white header when you scroll the home page and visit secondary pages.
After configuring the header:
- Click Back to go back to the main page of the editor.
Portal panels
In the left bar of the main editor page, you can see all of your created portal panels, such as Carousel, Image blocks, etc.
- The panels that are not visible in the live view are indicated by the not visible
icon.
- To change the settings of a panel, hover over the panel title in the editor and click the configure
icon.
- The configure menu displays, where you can rename, duplicate, show/hide, and delete the panel.
- Please note that you cannot duplicate the Carousel panel.
- To reorder the panels, click and hold the reorder
icon, then move the panels using drag-and-drop.
- To edit an existing panel, click the panel title.
To add a new panel:
- Click Add panel.
The Add portal panel displays, with a description of each available panel type.
Carousel panel
The Carousel panel allows you to easily add a panel with carousel slides that have custom pictures, custom text, and action buttons. To add a carousel panel:
- Click Add panel in the editor.
- Click Carousel from the Add portal panel.
To edit the Carousel panel:
- Click the Carousel tab to edit the carousel slides.
Please note that you cannot add multiple carousel panels to a page.
The Carousel editor displays. The Settings section allows you to adjust:
- Carousel speed: Select how many seconds you would like each slide to display, before moving to the next slide.
- Accessibility: Turning on accessibility adds a play and pause button to the carousel.
To hide or delete an existing slide:
- Hover over the slide tab.
- Click the configure
icon.
- Click Hide to hide the slide.
- Click Delete to delete the slide.
To reorder the slides:
- Click and hold the reorder
icon, then move the slide using drag-and-drop.
To edit a slide:
- Click the slide name.
When you click a slide, it displays in the preview screen on the right. To edit the slide:
- Enter text in the Heading field to add heading text to the slide.
- Use the editor to adjust the text.
- Enter text in the Description field to add text that will display below the heading.
- To change the text color, enter a color HEX code in the text color field.
- Click Change picture to add or edit the carousel image.
- The recommended size for a carousel picture is 1550px wide and 773px high.
- You can also add a call to action button:
- Enter text in the button text field.
- Select a page for the button link.
- If you do not select a button link, the call to action button will not display.
When you’re done editing the slide:
- Click Back to return to the Carousel editor panel.
To add a new slide to the carousel:
- Click Add slide.
The Add portal slide pop-up displays.
- Click Picture to add an image based slide with text and an optional button.
- Click Custom HTML to create a custom HTML slide.
If you select Custom HTML, you can completely replace the visitor portal carousel with your own custom HTML panel.
- Enter a Title.
- Use the Editor to design a custom panel.
- Click Save.
Counters
The Counters panel allows you to easily add a panel with an image background and up to three counters/numerical displays. To add a Counters panel:
- Click Add panel in the editor.
- Click Counters from the Add portal panel.
To configure a counter:
- Click a Counter tab.
The counter settings display.
- Enter a Number that will display on the Counter panel.
- Enter the Description that will display below the number.
- Click Back to edit the other counter displays.
The Counter updates are displayed instantly.
To further customize the Counters panel, you can hide one or more of the counters. To hide a counter:
- Hover over the Counter tab.
- Click the configure
icon.
- Click Hide.
To change the background image of the Counters panel:
- Click Change picture.
- Upload a picture.
- The recommended image size for a fixed position image is 1550px x 900px.
- The recommended image size for a static image is 1550px x the height of your panel.
- Select the Fixed position background image checkbox if you want the image to stay fixed as the user scrolls the page. A fixed image creates a "floating" effect, allowing the image to remain constantly visible in it's designated position.
Custom panel
The Custom panel provides you with the option of creating a custom HTML panel. To add a Custom panel:
- Click Add panel in the editor.
- Click Custom from the Add portal panel pop-up.
To add content the custom panel:
- Click Html panel.
The Custom panel pop-up displays.
- Use the Editor to create your custom panel.
- Click Save.
Image blocks
The Image blocks panel allows you to create a panel with a set of up to four images with descriptions. To add an Image blocks panel:
- Click Add panel in the editor.
- Click Image blocks from the Add portal panel pop-up.
The Image blocks panel preview appears on the right, and the editor on the left. To configure an image block:
- Click the name of the block.
The individual block appears.
- Enter a Heading for the block.
- Enter a Description for the block.
- Click Change picture to upload an image for the block.
- The recommended size is 500px x 375px.
- Enter text in the CTA text field to add a call to action button.
- CTA URL: Select a page as the destination for the call to action button.
- Click Back to return to the primary Image blocks panel editor.
The Image blocks editor also allows you to configure the call to action buttons.
- Select the Show CTAs checkbox to display the call to action buttons.
- Deselect the Show CTAs checkbox to hide the call to action buttons.
- Select a shape and style for the call to action buttons.
- Choose a color for the call to action buttons.
Simple text and button
The Simple text and button panel allows you to easily create a panel with a solid color background, text, and a button. To add a Simple text and button panel:
- Click Add panel in the editor.
- Click Simple text and button from the Add portal panel pop-up.
The Simple text and button panel preview appears on the right, and the editor on the left. To configure the panel:
- Enter the text for the panel in the Text field.
- Select a background color.
- You can configure the Call to action button by selecting the Show CTA checkbox, adding text, selecting the CTA URL, and choosing the shape, style, and color of the button.
The changes you made are visible instantly in the preview pane.
Clickable text blocks
The Clickable text blocks panel allows you to easily create a panel with up to six clickable blocks of text. To add a Clickable text blocks panel:
- Click Add panel in the editor.
- Click Clickable text blocks from the Add portal panel pop-up.
The Clickable text blocks preview appears on the right, and the editor on the left. To hide any of the text blocks:
- Hover over the text block tab.
- Click the configure
icon.
- Click Hide.
To edit a text block:
- Click the text block tab on the editor.
The text block editor displays.
- Enter a Heading for the text block.
- Enter a Description for the text block.
- CTA URL: Select a page as the destination for the text block.
- Click Back to return to the primary text block panel editor.
Split text and image
The Split text and image panel allows you to easily create a panel with an image, text, and a call to action button. To add a Split text and image panel:
- Click Add panel in the editor.
- Click Split text and image.

The Split text and image panel preview appears on the right, and the editor on the left. To configure the panel:
- Enter the text for the panel in the Text field.
- Click Change picture to add an image.
- On this panel type, the recommended image size is 600 x 300 px.
In the Appearance section, you can configure additional options:
- Select a Background color.
- Select a Text color.
- Select a position for the image.
- Select the Text alignment.
- Set the padding size, which determines the height of the panel surrounding the image and text.
The Call to action section allows you to configure the call to action buttons.
- Select the Show CTAs checkbox to display the call to action buttons.
- Deselect the Show CTAs checkbox to hide the call to action buttons.
- Enter text in the CTA text box that will display on the call to action button.
- CTA URL: Select a page as the destination for the text block.
- Select a shape and style for the call to action buttons.
- Choose a color for the call to action buttons.
Text and buttons
The Text and buttons panel allows you to easily create a panel with a background image, text, and up to two buttons. To add a 'Text and buttons' panel:
- Click Add panel in the editor.
- Click Text and buttons.
The Text and buttons panel preview appears on the right, and the editor on the left. To configure the panel:
- Enter a Heading for the panel.
- Enter Text for the panel.
- Set a Minimum panel height in pixels.
- The default height is 340 pixels.
- Click Change picture to upload a background image.
- The recommended image size for a fixed position image is 1550px x 900px.
- The recommended image size for a static image is 1550px x the height of your panel.
- Select the Fixed position background image checkbox if you want the image to stay fixed as the user scrolls the page. A fixed image creates a "floating" effect, allowing the image to remain constantly visible in it's designated position.
In the Call to action section, you can configure the call to action buttons. To hide a call to action button:
- Hover over the text block tab.
- Click the configure
icon.
- Click Hide.
To configure the call to action buttons:
- Select a CTA shape for the call to action buttons.
- Select a CTA style for the call to action buttons.
- Select a CTA color for the call to action buttons.
- To edit the button text, click a button tab (CTA 1 or CTA 2).
The call to action button editor displays.
- Enter the text that will display on the button in the CTA Text field.
- CTA URL: Select a destination page for the call to action button.
- Click Back to return to the panel editor.
Simple portal editor
If you select the Simple portal type for visitors, you still design multiple aspects of your visitor homepage. To design a simple portal type:
- Select Simple in the Portal type section.
- Click Edit in the Portal visual editor section.
The simple portal type editor displays, with a preview of the portal on the right and the editor in the left panel.
- Click Change picture to upload a logo.
- Note that the logo will resize to 51px in height.
- Enter text in the Logo text field if you want to add text to your logo.
- Leave the Logo text field blank if you do not want to add text to your logo.
- Select an image background from a list of default backgrounds.
- Select a Color for the image background.
- Note that recommended colors are provided.
- Click Admin when you are finished configuring the simple portal to return to the Admin > Portal screen.
Portal pages
If you have selected a Full portal type, there are default pages such as Calendar, Catalog, News, Contact, Sign-up, and Blog which can be enabled. To enable a portal page:
- Select the Enable? checkbox for the page.
- Deselect the Enable? checkbox to disable the page.
Additionally, some pages allow you to directly edit them. To edit a page:
- Click the edit
icon for the portal page.
The Edit screen displays.
- Use the HTML editor to create or edit your content for the page.
- Click Save.
You can also create your own custom portal pages, which can be HTML pages or links to an external URL. To add a custom portal page:
- Click + Add in the Portal pages section.
- Click HTML page to use HTML and the editor to create a custom page.
- Click Reference to a specified URL to add a page that redirects to an existing URL.
The platform also allows you to set SEO (search engine optimization) metadata for custom portal pages. To set the SEO metadata for a custom portal page:
- Click the add
icon in the SEO column for the custom portal page.
The Meta description and meta keywords pop-up displays.
- Enter the meta description for the custom portal page.
- Enter SEO keywords, separated by commas.
- Click Save.
You can also set SEO metadata for news postings. To set SEO metadata for news postings:
- Click the News portal page.
- Click a news posting.
The individual news posting displays.
- Click the add
icon.
- Enter the meta description and meta keywords.
- Click Save.
- Click Admin to return to the admin portal page.
Blog
Your visitor portal can also include a public blog. To enable a public blog:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the Visitor view tab.
- Click the Enable? checkbox for the Blog portal page.
To make a public blog post:
- Click the Blog portal page.
The Blog admin page displays. To create a blog post:
- Click + Post.
The Post pop-up displays.
- Enter a blog Subject.
- Use the editor to create the content of the blog.
- Select the Allow comments? checkbox if you would like to allow visitors to leave comments on the blog post.
- Click Save.
To access the blog, visitors:
- Access the portal URL.
- Click Blog from the Portal menu.
When a visitor leaves a comment on the public blog post, you will get a notification.
If you want the visitor comment to be visible on the Portal:
- Click the link in the notification.
- Click Accept on the visitor comment.
The Portal menu section of the Visitor view tab allows you to choose which pages will display in your portal menu.
- Click the Edit
icon to edit an existing page.
- Click + Add to add a new page.
If you click Add, the Add menu item pop-up displays.
- Enter a title for the new menu item.
- Select a page from the drop-down menu.
- Click Save.
You can also add sub-menu items that will display if a user selects a page from the menu. To create a submenu item:
- Click the arrow
icon of the menu item that will become the sub-menu item of the menu above it.
- For example, if you want to add Calendar as a submenu to Catalog, click the arrow
icon next to Calendar.
The Calendar menu item is now indented as a sub-menu item for the Contact menu.
When visitors click Contact on your portal menu, Calendar will display as a sub-menu item.
If you would like to create your own header menu, you can replace the visitor portal menu bar with your own custom HTML menu. To create your own custom menu:
- Click the Custom HTML button in Portal menu section.
The Custom HTML menu displays.
- Enter the HTML that you want to replace the Portal Menu with.
The custom HTML will be displayed in the visitor portal, wrapped as follows:
<div class="custom-header">
<!-- Your custom HTML goes here ->
</div>
Note that since the HTML will replace your visitor portal menu, you won't be able to log in unless your custom menu system includes a login option.
If you forget to add a Log in option to your custom HTML menu item, and get locked out, you can add ?disable_custom_menu=true to the visitor URL to access the standard header menu. This will allow you to log-in and edit or remove the custom HTML header. Once you are logged in:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the Visitor view tab.
- Click Edit in the Portal visual editor section.
- Click Header.
- Click the Add custom HTML button to edit or remove the custom HTML header.
Portal panels
When designing your full portal page, you can stack different types of portal panels to create your design. You can use any combination of the following seven types of panels:
- Carousel: A customizable picture carousel.
- Counters: A graphical background with up to three counters.
- Custom: A custom HTML panel.
- Image blocks: Up to four images, each with a title, text, and a button.
- Simple text and button: A colored background with text and an optional button.
- Clickable text blocks: Up to six clickable blocks of text.
- Text and buttons: A graphical background with a title, text, and up to two buttons.
As covered earlier in this article, to configure the portal using panels:
- Click Edit in the Portal visual editor section of the Visitor view tab.
The portal panels you configure in the portal visual editor display in the 'Portal panels' section of the Visitor view tab.
- You can quickly enable or disable any of the portal panels by selecting or deselecting the Enable? checkbox.
- Click the Edit
icon to be redirected to the portal visual editor to directly edit the portal panel. - Click + Add to add a new portal panel.
You also have the ability to customize your portal footer. The footer section displays the current footer buttons. To edit an existing footer button:
- Click the Edit
icon.
The Edit pop-up displays for the footer item.
- Edit the title for the footer item.
- Select the page from the list where users will be redirected when they click the button.
- Click Save.
To add a new footer item:
- Click + Add in the Portal footers section.
The Add footer item pop-up displays.
- Enter the title for the new footer item.
- Select the page from the list where users will be redirected when they click the button.
- Click Save.
You can also add sub-footer items that will display below other footer items. To create a sub-footer item:
- Click the right arrow
icon of the footer item to move it below the footer item above it.
- For example, if you want to move News below Information in the footer, click the right arrow
icon next to News.
In the example below, you can see that each footer item is listed as a sub-footer to the item above it.
This will display as a vertical list on the visitor portal, with each footer below the one before it.
User view
The User view tab allows you to configure your portal for logged-in users. To begin configuring the user view:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the User view tab.
Avatar
The Avatar section allows you to determine if user avatars should be displayed.
- Select the Display user avatar in upper right? checkbox to show user avatars in the upper right menu for logged in users.
Home left tabs
The Home left tabs section allows you to configure the primary navigation menu for users.
- Click and hold the reorder
icon to move a tab to a new location using drag and drop.
- Click Reset to default ordering to reset the tabs to the default order.
Home top tab
The Home top tab section allows you to configure the tab options available on the user Home page.
- Select the News checkbox to enable a home page News tab.
- Select the Agenda checkbox to enable a home page Agenda tab.
- Select the Scores checkbox to enable a home page Scores tab.
- For academia users: Select the Grades checkbox to enable a home page Grades tab.
Note the Dashboard tab displays by default.
Home landing tab
The Home landing tab section allows you to select which page users see when they first login or click Home on the primary navigation menu. By default, the Home landing tab is the Dashboard tab.
- Select a home landing tab radio button to make it the default home page tab.
Default video dimensions
The Default video dimensions section allows you to set the default dimensions for videos. To edit the default video dimensions:
- Click Edit in the default video dimensions section.
- Width: Enter a percentage, pixel size, ratio, or leave the field blank to adjust the default video width when videos are loaded to the platform.
- In the example below, videos are displayed at 90% of their width by default
- Height: Enter a percentage, pixel size, ratio, or leave the field blank to adjust the default video height when videos are loaded to the platform.
- In the example below, the height is blank, so that the video height can automatically adjust to the width percentage.
Note that anywhere videos are displayed, they will use the default dimensions unless explicitly overridden at the individual video level. To learn more, visit the
Video article.

Content maximum width
The Content maximum width section allows you to adjust the maximum width of content. The default is 1400 px. To adjust the maximum width:
- Click the Maximum width drop-down and select a pixel size.
Shortcuts
The Shortcuts section allows you to create new, custom links that will display in the Shortcuts menu on the primary navigation menu.
- Click + Add to add a new link to the Shortcuts menu.
The Shortcut page displays.
- Name: Enter a Name for the new link that will display in the Shortcuts menu.
- URL: Enter a URL for the new link.
- New window: Determine if the new link will open in a New window.
The link has been add to the Shortcuts menu.
- Click the Edit
icon to edit the link details.
- Click the Picture
icon to add or edit the picture that displays for the shortcut menu item.
You can customize the footer area that is displayed at the bottom of each page when a user is logged in.
- Click + Add to add a new footer button.
- Click the Edit
icon to edit an existing footer button. - To enable/disable a footer, click its Enable? checkbox.
Terminology
You can customize the terminology of your site by adding one or more terminology substitutions. These substitutions are applied to all built-in text which appears on tabs, buttons, headings, instructions, and tips. For example, you can replace the term 'Teacher' with the term 'Instructor'. To add a terminology substitution:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the Terminology tab.
- Click + Add.
The Add substitution pop-up displays.
- Enter the current, Original term.
- You should only enter the lowercase singular version of the text; the capitalized and plural versions are handled automatically.
- Enter a Replacement term.
- You should only enter the lowercase singular version of the text; the capitalized and plural versions are handled automatically.
- Click Save.
SEO
The SEO tab provides you with options that enable search engine indexing, naming catalog URLs, and setting up a meta-description and keywords. You also have the option to upload a custom robots.txt that overrides the default robots.txt for your site, and you can upload a custom sitemap.xml that overrides the default sitemap for your site.
To enable Search engine indexing for your portal:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the SEO tab.
- Check the Enable? checkbox in the Search engine indexing section.
You can include the name of catalog items in their public URLs automatically. To include the catalog item's title in the catalog URL:
- Click Enable? in the Named catalog URLs section.
- After enabling this option, public catalog URLs will include the item's title.
Note that the title itself is ignored by the site, so if you change an item's title later, it will not break previous URLs.
To add a meta description and/or keywords for your portal:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the SEO tab.
- Click Edit in the Metadata section.
- Enter the metadata description.
- Enter metadata keywords.
- Click Save.
To upload a custom robots.txt that overrides the default robots.txt for your site:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the SEO tab.
- Click Add in the Custom robots.txt section.
- Add your custom robots.txt file.
To upload a custom sitemap.xml that overrides the default sitemap for your site:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the SEO tab.
- Click Add in the Custom sitemap.xml section.
- Add your custom sitemap.xml file.
The Social media section enables you to add social media icons and links to your visitor and user portals. To add social media icons to your portal:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the Social media tab.
A list of of available Social media icons display.
- Select the appropriate checkboxes for the icons you want to display on the Visitor view or the User view.
- To edit a link, click the Edit
icon for the appropriate social media platform.
The selected social media URL page displays.
- Enter your company's social media URL for the selected platform.
- Click Save.
Custom CSS
The Custom CSS tab allows you to upload custom CSS to add or override stylesheet values. To add a custom CSS file:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the Custom CSS tab.
- Click + Add.
The custom CSS File page displays.
- Click + Add file.
- Upload your custom CSS file.
- Click Save.
Your custom CSS file is included after the default CSS styles.
- Click Change to change the uploaded CSS file.
- Click Disable to disable the CSS file.
- Click Clear to to remove the CSS file.
Custom HTML
The Custom HTML tab allows you to upload custom HTML to the platform. To add a custom HTML file:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the Custom HTML tab.
- Click + Add.
The Add Custom Html pop-up displays.
- Click the Scope drop-down to define which views will be impacted by the custom HMTL.
- All: Apply to logged-in user pages and visitor pages.
- User: Apply to logged-in user pages only.
- Visitor: Apply to visitor pages only
- Click the Match drop-down to select a match option:
- All: Applies to all pages.
- URL: Applies to all pages with the specified absolute or relative URL.
- RegExp: Applies to all pages whose URL matches the regular expression.
- Enter the custom HTML fragment(s).
- In the example below, the HTML fragment will be inserted into all logged-in user pages with the regular expression of "/user_dashboard" in the URL.
- If you select Templating?, then you can use the variables @user_first_name, @user_last_name, @user_email, @user_full_name, @userid in the text.
- Click Save.
You can add multiple custom HTML rules.
- Click Edit to edit an HTML rule.
- Use the Enable checkbox to enable or disable HTML rules.
To delete an HTML rule:
- Select the HTML rule checkbox.
- Click Delete.
Adding conversion tracking
This feature allows you to set up conversion tracking for your conversion pages and also set up conversion tracking using global site tags. If you want to learn more about setting up conversion tracking for your website with Google, visit the Use the Google tag for Google ads conversion tracking help article.
To set up conversion tracking using global site tags:
- Scope: Select All from the drop-down.
- Match: Select All from the drop-down.
- Head top: Enter the code in the Head top section.

To set up tracking for a conversion page (for example, purchases):
- Scope: Select User from the drop-down.
- Match: Select URL from the drop-down.
- URL: Enter the conversion page URL.
- Head bottom: Add the tracking code.
Accessibility
The Accessibility tab provides several settings that helps users successfully navigate the platform, such as enabling the high contrast mode, which follows WCAG 2.2 contrast requirements. To enable accessibility settings:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the Accessibility tab.
The following accessibility settings are available:
- Use the accessible carousel on the visitor portal - adds play and pause options: Enabling this setting adds play and pause buttons to the portal carousel, providing users with more time to review each carousel slide.
- Use high contrast theme: This setting enables a high contrast theme for all users, which adds additional contrast to many elements such as links, checkboxes, and buttons. Please note that enabling this setting overrides individual user settings and forces all users to use the high contrast theme.
- Allow users to enable the high contrast accessibility theme: This setting allows users to enable or disable the high contrast accessibility theme on an individual basis. This option empowers users to determine the accessibility setting that is right for them. This is the recommended setting.
More
The More tab allows you to configure additional portal settings, such as setting up a login session timeout, enabling a Captcha, setting up a log in widget, using Google fonts, and more. To access the Portal, More tab:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
Session timeout
The Session timeout setting allows you to set a number of minutes of user inactivity that will cause the user to be automatically logged out of the platform. This option can be important for security reasons if users walk away and leave their device unattended.
To set the number of minutes for session timeout:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Click Edit in the Session Timeout section.
- Select a number of minutes of inactivity that will cause a user to be logged out.
- Determine if you would like to override the setting for learners/students.
- Click Save.
You can also set a custom session timeout for individual users. To set a custom session timeout for a specific user:
- Access the user's profile.
- Click Settings from the profile menu.
- Locate the Log out automatically after the specified minutes of inactivity setting in the Miscellaneous section.
- Select a number of minutes of inactivity that will cause the user to be logged out.
Captcha
To help prevent spam, you can enable a Captcha on your portal. A captcha is security tool that uses a challenge-response test to distinguish because human user and automated bots. To enable a captcha:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Check the Use captcha to prevent spam checkbox.
If you would like the Captcha to be invisible:
- Check the Use invisible captcha checkbox.
The platform offers a log in widget that you can use on other web sites. The widget can be embedded on other sites as a convenient and quick way for users to access and log in directly your site. To get the code for the widget:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Click Get widget in the Log in widget section.
The log in widget page displays instructions on how to download, customize, and embed the widget. To download the widget:
- Click View widget.
- View the widget page source.
Google Fonts
To further customize your portal, you can add Google fonts. To use Google fonts, you will first need to install the Google fonts app. To learn more, visit the Google fonts article.
To add a Google font:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Click + Add in the Google font section.
If you have already installed Google fonts:
- Click Edit to edit the font(s).
- Click Clear to remove the font(s).
Google Analytics
If you have have a Google Analytics tracking code, you can add it to your platform.
To add a Google Analytics tracking code:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Click + Add in the Google analytics section.

The Edit screen displays.
- Enter your Google tracking code in the Measurement ID field.
- Click Save.
URL redirection
The platforms allows you to redirect specific URLs on your platform. If you create a URL redirection, when a user visits that particular URL, they are automatically directed to a different URL. For example, if your website posts news and announcements, you can map /home_news to a different site that contains your website's latest news. To create a URL redirection:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Click + Add in the URL redirection section.
The Add page displays.
- Original: Enter the original URL. The original URL is always relative to your site and should be in the form /path/tail.
- Replacement: Enter the replacement URL The replacement URL should be a full URL of the form http://domain/path/tail.
- For example, if you want anyone who clicks the home News button to be redirected to an external news page, you could map /home_ news to http://mysite.com/news.
- Please note that when redirecting users after they log out, the best option to use is /log_out/logged_out.
- Click Save.
URL redirections are listed with a column indicating if the redirection is enabled.
- To edit a URL redirection click the Edit icon.
- To delete a URL redirection, select it and click Delete.
Suppress embed links
The platform allows you to hide the links of embedded videos within the platform. To suppress video embed links:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Select the Suppress embed links visibility? checkbox.
IP Constraints
You can restrict learners' access to your platform by whitelisting and blacklisting IP addresses. To set up whitelisted/blacklisted IP addresses:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Click + Add in the IP constraints section.
The Add IP constraint pop-up displays.
- IP address: Enter the IP address(es).
- Comment: Write a comment.
- Select if you want to whitelist or blacklist the address.
- If you whitelist IP addresses, learners are limited to accessing the site from those addresses.
- If you blacklist IP addresses, no users can access the site from those addresses.
- Click Save.
The added IP addresses are listed under IP Constraints, along with their constraint type.
- You can edit the IP addresses by clicking their Edit icon.
- To delete an IP address from the list, select it, then click Delete.
Calendars
By default, repeating event times do not adjust for daylight savings time. You can adjust this in the Calendars section If you want repeating events to be adjusted during daylight saving time:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Deselect the Don't adjust repeating events +/- an hour during DST checkbox in the Calendars section.
- If this option is checked, a repeating event at 5 pm will always appear as 5 pm regardless of DST.
- If you deselect this option, an event at 5 pm outside of daylight savings time, will appear as 4 pm during daylight savings time.
User inactivity
The User inactivity setting allows you to set a number of minutes of user inactivity that will cause the user to be automatically logged out of the platform. This option can be important for security reasons if users walk away and leave their device unattended.
To set the number of minutes of user inactivity that will trigger a timeout:
- Click Admin from the primary navigation menu.
- Click Portal from the fly-out menu.
- Click the More tab.
- Enter the number of minutes of user inactivity that will cause a user to be logged out.