This article takes you through the different page elements that constitute the Web Portal module. From a user perspective, both the Account Owner and Project Admins have full access to this module. The Web Portal tab contains seven nested sections including:
From this section, the user can access all of the web pages of an open project and manage the status of these pages by controlling a number of toggle switches. The Web Portal contains the following types of built-in - yet fully customizable - web pages:
Apart from these built-in customizable pages, users can create their own custom pages by clicking on the purple “Add Custom Page” button located at the top left. There are three possible routes to create custom web pages in mimic. These are:
Custom drag-and-drop pages will appear under the “Drag-and-Drop” list of pages, whereas Embed Code custom pages will be placed in a list called “iFrame Pages”. Playlist pages will be grouped together under a new list called “Playlist Pages”.
There are four toggle switches in this window from which the user can manage page status and visibility. These are Live, Private, Header, and Footer. Each one of these has a function and can be controlled by turning the toggle switch ON/OFF, as outlined in the table below:
Furthermore, each page has a corresponding dropdown menu that contains a number of nested tasks. Some of these tasks are not applicable to certain web page types. For example, mimic built-in pages cannot be deleted, and therefore, the menu of those pages will not contain a “Delete Page” option. Another example is that only custom drag-and-drop and iFrame pages can be duplicated. Overall, the list of possible tasks include:
Clicking on any of the web pages will take the user to the editing window for that particular page. The edit menu (located on the right side pane) differs from one web page to another depending on the page type. To learn more about editing web portal pages, see the list of articles at the end.
2. Page Elements
In this section, the user can edit the different types of menus on a web page, including the navigation header bar, the footer section, and function side panes. To customize a particular page element, click on it and the corresponding editing window will open. To learn more about header, footer, and side menu customization, see the list of articles at the end.
3. Portal Settings
In this section, the user can set up all of the text properties of the web portal pages including font, font size, and line height for each of the text types (e.g Header 1, Header 2, etc.). These settings will be applied to all of the headers, paragraphs and buttons across all of the pages in the web portal.
Moreover, the user can assign specific fonts to each of the selected content languages (in the case of multilingual websites). The user can also download a custom font to match their branding - for example - for further flexibility in design requirements. We have also incorporated the option to insert a custom code to manage the text properties of your website.
4. TheoPlayer Style
We have incorporated TheoPlayer as our native video player of choice in mimic due to its wide adaptability and customization properties. The user interface (UI) elements in TheoPlayer are fully customizable to match your web portal design.
This section can be used to manage text translations if the user is constructing a multilingual website. Translations in mimic are organized through translation keys. To learn more about managing and editing translations, refer to the list of articles at the end. In brief, there are several ways to add translations to your web pages:
Import a translation file (.csv format) by clicking on the “Import File” icon.
Extract translations automatically using the built-in Amazon AI Translator.
Manual translation by opening a translation key from the list and typing in the “Edit Translation” window.
Only the Account Owner has access to the AI Translator. Project Admins can manage translations by clicking on the missing translation and entering it manually in the “Edit Translation” window or using the “Import File” option.
If you cannot find the translation key you are looking for, or if it does not exist yet, click on the “Add Translation” button at the top right of the screen to open the “Add New Translation” window and create one.
Translation keys can also be selected individually to be deleted and/or exported - if needed. To select the intended entries, click on the white check box corresponding to them. Next, the “delete” and “export file” icons will appear at the top of the list for you to click on.
6. File Storage
This section contains all of the files that are being used by users in a project. The system organizes these files as per the location they were used under the “Category” column. Alternatively, the user can upload and save files herein and perform other tasks as well using the following:
The “Upload File” button, where the user can simply upload a file to storage.
The “Copy Link” icon, to copy the URL link of selected files into other places. Every item enlisted in the storage will have a corresponding link.
The filter bar, where the user can filter the files per type (e.g. png).
The “Select files” command to delete and/or export files.
7. Domain Settings
Our platform supports white labelling and allows the customization of your project’s domains at a minimal cost. For users opting for a custom web domain, this section will guide them through the process by completing three steps. See the list of articles at the bottom for more information.
Only the Account Owner has access to “Domain Settings”, and only he has the privilege to perform the task of connecting a custom web domain. Moreover, this feature is only available under the Construct usage plan.
Want to learn more?
2.2.2 Registration Pages: Setup and Design
2.2.3 Stage Control Pages: Setup and Design
2.2.5 Engagement Pages: Setup and Design
2.2.8 Web Portal Menus Customization
2.2.9 TheoPlayer Customization
2.2.11 File Storage