Management Section > System Management
System management is a core backend feature of the LOL Learning Online Platform, enabling administrators to adjust and configure the overall operation of the platform. Whether it is the image slider on the website homepage, student registration methods, notification push, video uploading and transcoding, or points and payment settings, all can be accomplished here.
Management Section > System Management > Homepage Slider
Here is a detailed explanation of the complete settings for the new layout banner (Slider), using the Layer layout as an example, helping you easily create a more attractive website homepage.
Log in to the Management Section.
Click Settings > Homepage Layout Style & Homepage Slider
.
Choose the layout according to the following options:
style3
Header3
Layer-Slider
After completing the settings above, please check for correctness and save.
Homepage Slider
, then click Add
.The system provides up to five banner styles, each with different visual characteristics. Here, the Layer layout is explained in detail.
Layer
in the list.1920 x 700
300 x 600
Note: The above sizes are for reference only. Actual size can be adjusted according to your background design and overall coordination.
The Layer layout offers three different Styles, each with specific arrangements and effects as follows:
Add
to continue adding more banners, enriching the website homepage display.If you are dissatisfied with the playback order of banners or need to adjust the visual sequence, follow the steps below:
Sort
feature and drag to quickly adjust banner order.This is the complete process and detailed explanation for the new layout banner (Layer layout). If you have further questions, feel free to contact customer service for assistance.
Management Section > System Management > Homepage Slider
This interface uses a list to centrally manage all images or interactive banners that have been uploaded and can be used for the homepage carousel.
Dropdown menu for filtering different types of Sliders. Includes Layer-Slider
, Interactive-Slider(single)
, Banner-Slider
, Master-Slider
, Youtube Video(single)
.
Dropdown menu for filtering the publication status of carousels. Options include All
, Published
, Hidden/Disabled
.
Magnifier icon button used to perform a search.
Create a brand-new homepage slider.
Edit the selected carousel item.
Delete the selected carousel item.
Manually adjust the display order of carousel images on the frontend.
In table format, lists details for each carousel item.
Shows the carousel's technical type with different color tags.
Displays a preview image of the carousel.
Displays the title and subtitle or style of the carousel.
Start date for the carousel's display on the frontend.
End date for the carousel's display on the frontend.
Shows the carousel's enabled status as an icon.
Management Section > System Management > Homepage Slider > Add
Before staff create a new homepage slider, they must first decide which technical type of slider to use. Different types correspond to different visual effects and functions.
The window provides five different professional slider type buttons, each representing a different application.
Clicking this button enters the "Layered Slider" editor. You can upload a background image and a product image (foreground object) separately, and set up to three sets of text descriptions and one clickable button.
Clicking this button enters the "Interactive Slider" editor. This interface allows uploading up to six background images and setting up multiple text groups and two independent buttons for a more engaging experience.
Clicking this button enters the simplest and most basic "Static Banner" editor. Just upload one image, add a title, description, and up to two buttons. This is the fastest and most direct way to make an ad banner, ideal for daily event announcements and course promotions.
Clicking this button enters another "Layered Slider" editor, also providing separate settings for background, foreground, multiple texts, and buttons.
Clicking this button enters an editor specifically for embedding YouTube videos. No image upload is required, just paste the YouTube video URL, and set the title, description, and buttons to overlay on the video. This method can easily use high-quality dynamic video as the homepage visual, suitable for showing course highlights, promo videos, or event records.
Management Section > System Management > Homepage Slider > Add > Layer
This form lets staff upload both a "background image" and "product image," and set up multiple title layers and buttons, creating a layered carousel visual.
The top provides three preset style tabs, indicating several built-in layer arrangements or animation styles for staff to select as needed.
For uploading the background image, format restricted to *Resolution 1920x700
, Size < 800K
.
For uploading the foreground object to overlay on the background, e.g., product photo, person, etc. Format restricted to *Resolution 300x600
, Size < 200K
.
Multiple fields to overlay text titles in different positions, each with a 20-character limit.
Sets the text shown on the button.
Sets the link to go to when the button is clicked.
Sets the on/off display dates for the carousel.
Abandon all settings.
Save all settings.
Management Section > System Management > Homepage Slider > Add > Interactive
This form lets staff upload multiple background images and set up multiple text and button groups for a carousel with special interactive effects.
Provides six independent background image upload fields, each restricted to *Resolution 1920x1080
, Size < 800K
.
Text shown at the top or in front.
The main title of the carousel.
Carousel description text.
This interface provides two independent button settings, allowing up to 2 clickable buttons on the screen, each with a configurable link.
Sets the on/off display dates for the carousel.
Abandon all settings.
Save all settings.
Management Section > System Management > Homepage Slider > Add > Banner
This form lets staff upload a single image and add a title, description, and buttons, forming a standard single-image carousel banner.
Only one image upload field, for uploading the carousel image. Format restricted to *Resolution 1920x700
, Size < 800K
.
The carousel thumbnail's title.
Main title of the carousel.
Supplementary text descriptions.
This interface provides two independent button settings.
Sets the on/off display dates for the carousel.
Abandon all settings.
Save all settings.
Management Section > System Management > Homepage Slider > Add > Master
Allows staff to upload both a "background image" and "product image," and set up multiple titles and buttons for a rich, layered carousel.
Three preset style tabs at the top. The system offers several built-in layer arrangements or animation styles for staff to choose.
For uploading the background image, format restricted to *Resolution 1920x700
, Size < 800K
.
For uploading the foreground object over the background, such as product photo, person, etc. Format restricted to *Resolution 400x600
, Size < 200K
.
Text shown at the top or in front.
Multiple fields to overlay text titles, each with a 20-character limit.
Sets the text shown on the button.
Sets the link for the button.
Sets the on/off display dates for the carousel.
Abandon all settings.
Save all settings.
Management Section > System Management > Homepage Slider > Add > Youtube
This form lets staff specify a YouTube video and overlay title, description, and buttons, making a video carousel banner.
Dropdown menu for selecting how to provide the video.
Text shown at the top or in front.
Enter a title (max 20 chars) and description (max 30 chars).
Sets the button's display text.
Sets the link for the button.
Sets the on/off display dates for the carousel.
Abandon all settings.
Save all settings.
Management Section > System Management > Settings
Management Section > System Management > Settings > Simultaneous Video Views
Maximum concurrent users allowed to watch videos on the service, e.g., 100 users.
Management Section > System Management > Settings > Activated Value-Added Service Modules
Lists all activated value-added services and expiration dates, including but not limited to Dynamic Watermark Module, Registration Module, Payment Module, QR Code Module, Batch Code Redemption Module, Online Customer Service Module, Information Security Encryption Module, Your Exclusive app-android, Your Exclusive app-iOS, Fast-Forward Module, Test Module, Live Streaming Module, etc.
Management Section > System Management > Settings > Rental Expiration Date
Shows your current platform service contract expiration date, e.g., 2025-12-31.
Management Section > System Management > Settings > Latest Version Update
New feature notifications for your plan's recent versions.
Management Section > System Management > Settings > Basic Settings
After entering the system management backend, you can configure the following features on the "Basic Settings" page for a better user experience.
Management Section > System Management > Settings > Basic Settings > Default Language
Click the language selection dropdown, and choose the appropriate default language for your platform users, e.g., Traditional Chinese, English, Simplified Chinese, or Vietnamese. After selection, click the "Modify" button to apply the setting. The frontend will update for users immediately.
Reminder! Users can also switch the interface language themselves.
Management Section > System Management > Settings > Basic Settings > Homepage Layout Style
Select the suitable homepage layout according to your website theme and needs, including:
Click the "Modify" button after each change to save and apply the new settings.
Management Section > System Management > Settings > Basic Settings > Homepage Slider
Choose from various homepage dynamic banner styles, including Layer-Slider, Interactive-Slider(single), Banner-Slider, Master-Slider, and Youtube Video(single) to enhance homepage visuals and user interaction. Click "Modify" to save.
Show Purchase Options: Enable to allow visitors and non-logged-in users to see and buy relevant courses, increasing conversion rates. Click "Modify" to change.
Show Only Classes with Free Trials: Enable to show only classes with trial lessons for visitors. Click "Modify" to adjust.
Click "Modify" to configure the online customer service system, including:
Edit and update your organization's introduction, announcements, registration hotline, admissions staff info, and consultation email.
Set social media links for Facebook, Google, LINE, Instagram, Twitter, YouTube, Weibo, Pinterest, etc.
Allows password retrieval via email or SMS, with daily SMS send limit adjustable.
Add, edit, delete, and categorize FAQs for quick user help.
Set welcome points for registration, SMS verification, and integrate third-party logins (Facebook, Google, LINE).
Customize terms and conditions for registration to protect both parties.
Customize the names for various functional areas like news, live, courses, privacy policy, terms of service, etc.
Management Section > System Management > Settings
This interface consists of multiple independent feature blocks (panels), each managing different system settings.
Maximum concurrent viewers allowed under your platform plan.
Extra feature modules available for additional purchase or rental.
Effective expiration date for your current platform service plan.
Release notes and version information for software updates.
This section is for setting the website's appearance and basic content.
Set the website's default language.
Adjust the overall website visual style, including Style
, Color
, ToolBar
, Theme Skins
, Layout Styles
.
Specify which type of carousel to use for the homepage.
Set the site's basic title or name.
Set content and purchase visibility for non-logged-in users.
Lets staff embed Tawk.to live chat into the site for real-time visitor or student communication.
Quick edit links for multiple features.
Set the email address for receiving inquiries.
Configure FTP parameters for uploading videos.
Download UL software.
Show current FTP storage quota.
Manage FTP accounts for video uploads.
Core payment configuration, including four sub-tabs: Credit Card Gateway Settings
, Payment Method Settings
, Order Notification Settings
, Purchase Notice
.
Click Modify
to change SMS account/password.
Displays the remaining SMS points.
Configure
automated post-upload video processing.
Set video compression bit rate.
Set whether to keep the original video.
Set whether to generate special videos for mobile devices and specify their resolutions.
Set platform points deduction rules for video viewing.
Configure default point deduction for videos without specific rules.
Configure the time window in which re-watching the same video does not deduct points again.
Below is a detailed description and process for system settings, including member registration points, SMS verification, and integration with Facebook, Google, and LINE login.
After successful registration, the system can be set to automatically award points as a member incentive. SMS verification can also be enabled for account security.
Assign to Classes: Admins can select classes for automatic assignment after registration.
Bonus Points: Set the number of points given to new members.
SMS Verification: When enabled, the system sends an SMS verification code for mobile number authentication.
Integrate with major social platforms for quick, convenient login, lowering barriers and improving satisfaction.
Log in to Facebook Developer Platform, select "My Apps" > "Add a New App".
Select "Website" as platform, create the app, enter a recognizable name.
Set app domain to your platform URL, e.g., a123.itraining.tw
.
Enter website URL: https://a123.itraining.tw.
In the app's "Settings", enter Contact Email.
Enter privacy policy and terms of service URLs.
Set API and OAuth logins to ON, embedded browser OAuth and device login to OFF.
Enter the following for OAuth redirect URI:
Set deauthorization callback URL: https://a123.itraining.tw/
Enable app mode and set app to public.
Copy the App ID and App Secret to your system.
Log in to Google Cloud Platform, create a project if needed.
Go to "APIs & Auth" > "Credentials".
Click "Create Client ID" and choose "Web Application".
Enter authorized JavaScript origin: https://a123.itraining.tw
Authorized redirect URIs:
Copy the client ID and secret into the LOL system.
Log in to LINE Developers, enter the console.
Create a Provider, then a Channel for "LINE Login".
Under App types, select both Web app and Mobile app.
Enter privacy policy and terms URLs.
Enter the following callback URLs:
Copy the Channel ID and secret into the LOL system.
For extra email permission, apply via OpenID Connect and submit a screenshot and usage purpose.
These steps let users log in via major social platforms for improved user experience and system convenience.
Management Section > System Management > Settings > Basic Settings > Basic Info
Google Analytics Tracking Code (GTM): Fill in your GTM tracking code, e.g., "G-123456789". Ensure accuracy for correct analytics data.
Click and check icons for social platforms to enable their link features for better engagement.
Google Play and App Store: Enter the app download links, either manually or via QRCode.
Clearly explain how user data is collected, processed, and protected, including technical methods (IP, Cookies), purposes (market analysis, user experience improvement), and third-party sharing.
Clearly state ownership and usage rules for all site content. Strictly forbid unauthorized copying, reproduction, distribution, or public transmission.
Clearly define service usage, content rules, external link policy, and disclaimers.
Detail security measures for personal data, including collection, processing, usage, and prevention of unauthorized third-party access.
After all settings, click "Save" at the bottom to apply changes immediately.
This feature allows setting the email address for receiving inquiry notifications (e.g., online registration emails).
If you want to cancel, click "Cancel" at the lower right. The system will not save the change.
After these steps, the system will use your specified email to send notifications. Please ensure accuracy.
On this page, you can use FTP to quickly upload videos to the platform.
Download Tool
Check Storage
FTP Account Management
Multiple credit card gateway integration options, fill in merchant ID, HashKey, HashIV as required.
Set various payment methods: credit card one-time, reward points, UnionPay, installment, web ATM, ATM, bank counter, and convenience store payments.
Set up email and phone notifications for order creation, payment, and refund.
Detailed buying instructions, payment and refund rules, and FAQs.
"Compression and Transcoding Settings" provide video upload auto-transcoding and compression options, allowing flexible adjustment of watermark, bit rate, raw video handling, and mobile video resolution.
Enable watermark for transcoding:
Set the video compression bit rate:
Three combinations provided:
1.0Mbps (video) + 0.1Mbps (audio)
1.5Mbps (video) + 0.1Mbps (audio)
2.0Mbps (video) + 0.1Mbps (audio)
Select the desired bit rate and click "Edit" to confirm.
Options for raw video after transcoding:
Enable generation of videos for mobile devices:
Set to "On" to generate extra videos optimized for phones/tablets.
Four resolution options:
HD 1920x1080 (1000kbps)
HD 1280x720 (800kbps)
VGA 640x480 (512kbps)
CIF 352x240 (256kbps)
Select the desired resolution and click "Edit".
After all settings, you can upload videos. The system processes them according to your parameters for optimal quality and storage. Review and adjust settings as needed.
Set the rules for point deduction for video viewing in the system.
Set default point deduction for videos without specific rules.
Video length less than:
60 minutes
, deduct 1 point
per video.For videos longer, add points every N minutes:
120 minutes
, system deducts extra points for each extra 120 minutes
, default is 0 points
.After setting, click "Edit" to save and apply.
Set the time range for no repeat point deduction when rewatching.
After deduction, for X time, no repeat deduction:
Select from dropdown:
30 minutes
, 1 hour
, 2 hours
, 3 hours
, 4 hours
, 5 hours
, 6 hours
24 hours (1 day)
, 48 hours (2 days)
, 72 hours (3 days)
, 96 hours (4 days)
, 120 hours (5 days)
, 144 hours (6 days)
, 168 hours (7 days)
480 hours (20 days)
, 600 hours (25 days)
, 720 hours (30 days)
, 1440 hours (60 days)
, 2160 hours (90 days)
, 4320 hours (180 days)
8760 hours (1 year)
, 17520 hours (2 years)
Suitable for courses needing repeat viewing.
Click "Edit" to save.
Management Section > System Management > Online Renewal/Purchase Records
This interface shows all online credit card transaction records in a list.
Table lists details for each transaction.
Unique transaction ID.
Exact date and time the transaction was completed.
Original total amount of the order.
Main purpose of the transaction.
Breakdown of all charges and amounts.
Displays the discount for the transaction.
Management Section > System Management > Logs
This interface records every action administrators perform in the backend. It's crucial for system security, audits, and troubleshooting.
Table shows each log entry in reverse chronological order (latest at top).
Icon indicates the action type.
Exact date and time of the action.
Structured text describing the action.
Management Section > System Management > About
This page provides an overview of the platform version, license info, and developer contact information.
Shows current platform software version.
Maximum number of online viewers allowed by your plan.
List of all activated value-added service modules. Green check means activated.
Shows license expiry date for the platform service.
A: Please check the FTP account and password, video format support (MP4 recommended), network status, and use UL to improve success rate.
A: Ensure the image is enabled, is JPG/PNG format, and links are correct.
A: Check if the LINE Developer settings are correct, and the backend feature is enabled.
A: Yes. Use the "clone setting" for videos to assign to different classes and set different deduction points.
A: The "Homepage Slider" interface centrally manages and displays homepage carousels. Admins can filter, search, add, edit, delete, and sort sliders. The list shows type, image, title, publication date, and status.
A: Before creating, choose from five types. Layer: background, foreground, text, and buttons in layers; Interactive: up to six backgrounds, two button groups, high interactivity; Banner: simplest static, one image, title, description, buttons; Master: like Layer, with background, foreground, text, and buttons; Youtube: embed a video, overlay title, description, and buttons.
A: Both "Layer-Slider" and "Master-Slider" are layered carousels with similar functions: upload background and product images, three style options, text, button name, URL, publication period, cancel, and save. Main difference: product image resolution — Layer is 300x600
, Master is 400x600
.
A: The "Settings" interface is the top-level backend settings for platform style, features, and technical parameters. It includes: Platform Overview (plan/version); Basic Settings (appearance, language, support); Notification Settings (inquiry email); FTP Upload Video (upload parameters); Credit Card Settings (payment core); SMS Settings (SMS sending); Compression and Transcoding Settings (upload/transcode); Points Settings (points rules).
A: The "Online Customer Service System" embeds Tawk.to into the website for instant chat. Requires: Status switch, Site ID, API Key, and Direct Chat Link.
A: "Compression and Transcoding Settings" automate video upload processing for smooth playback. Key options: watermark, bit rate, whether to keep raw video, and whether to generate mobile-optimized videos and resolutions.
A: The "Logs" interface records all backend actions for security and troubleshooting. Entries are in reverse chronological table format with category, time, and content.
A: The "About" interface summarizes platform version, license, and contact info. Key info includes: Version Number, Simultaneous Video Viewing, Value-Added Services, and Rental Expiry Date.
After each setting, it is recommended to check the frontend to ensure changes take effect for user experience.
Note: According to LINE's official announcement, LINE Notify service was officially terminated on March 31, 2025. From April 1, 2025, all related LINE Notify features, including API, personal page, service registration, service linkage confirmation, and token issuance, are fully suspended.