Custom code integrations are not supported through the normal support channels. The Tovuti Support team does not correct, implement, or modify any custom code, including any code referenced in the Help Center. For assistance with custom code, please contact your Account Manager or contact the Tovuti Client Success team at clientsuccess@tovutiteam.com.
Tovuti also allows Administrators to customize the logged-in and logged-out learner experience by using custom CSS or Javascript code.
Cascading Style Sheets (CSS) is code that defines how the LMS looks, and JavaScript (JS) is code that defines additional logic, integrations, and other functionality beyond what’s available natively in the Admin Portal.
This article outlines the following concepts:
- Support of a Custom Code Program
- Prescripts and Postscripts
- Learner Logged-In View
- Learner Logged-Out View
- Certificate Designer
- WYSIWYG Editor
Support of a Custom Code Program
Utilizing custom CSS and JS requires ongoing, dedicated, front-end software engineering resources to ensure that the code is working as intended. Successful teams that integrate custom code into Tovuti have defined processes around the writing, testing, deployment, and maintenance of all custom code.
Support for setting up or maintaining custom code is provided by Tovuti through the Services department or your Account Manager. Tovuti Support teams can’t support custom code through the normal support process.
The information and code examples throughout the Help Center serve as a starting point and don't replace the need for internal engineering resources assigned to a custom code program.
Successful custom code programs with Tovuti LMS take the following steps:
- Dedicated internal resources to the program
- Test all custom code functionality at least once every three weeks
- Provide the initial triage of all internal learner-side bug reports before escalating to Tovuti Support
- Store a copy of the custom code in a secure location outside of Tovuti
Prescripts and Postscripts
Admins can apply custom code to Prescript or Postscript functions when a page loads in the learner portal.
Prescript is code that is applied before the page begins to load. Including critical assets in prescript ensures the most important elements of a page load first. This also helps improve page load times.
Postscript is code that loads after a page is fully loaded. This is useful for elements requiring other assets to be loaded first, such as styling or button clicks.
Custom code can be applied to either the logged-in view or the logged-out view, which is described below:
Learner Logged-In View
The logged-in view of the LMS is customized by applying custom code in the Custom CSS and JavaScript tabs of the User Portals edit view.
The following articles describe in detail how to execute some basic customizations, including sample code:
- Create a “Back-to-Home” Button
- Remove the Shopping Cart Button
- Remove the Header Image Overlay
- Apply a Custom Font
- Edit Text Styling
Learner logged-out view
The logged-out view of the LMS is customized by applying custom code in the CSS Styling and JavaScript tabs of the Landing Pages edit view.
The following articles describe in detail how to execute some basic customizations, including sample code:
Certificate Designer
In the CSS Styling tab of the Certificate Designer edit view, Administrators can modify and add fields to the certificate.
More information and code examples are found in this article.
WYSIWYG Editor
Each of the WYSIWYG editors through the Admin Portal allows Administrators to provide custom text to their Learners. In the code tab of the WYSIWYG editor, Admins may further customize how this text is displayed or embed other JavaScript elements within the text.
More information and code examples are found in this article.