๐Ez Courses
Individual view of learning
๐Links
Template Link on Bubble Marketplace
Photos
Introduction
Unlock the full potential of your online education platform with Ez Courses, the best education template designed by EazyCode. Our web training template is carefully designed for educational institutions, online course providers, and individual educators looking to build a strong online presence.
EazyCode's education website template provides a complete solution for anyone looking to offer courses online. Showcasing and managing your courses has never been easier with our professionally designed listing template.
Built on the bubble.io platform, our template is not only user-friendly but also has an elegant and professional look that will instantly captivate your visitors. The intuitive design makes navigation easy for both students and educators, ensuring your website stands out in the crowded digital education landscape. Choosing Ez Courses template from EazyCode means choosing a solution that not only looks great but also works flawlessly. Our modern bubble.io template will allow you to quickly launch an online education platform without compromising on quality and functionality.
Ez Courses template by EazyCode is equipped with dynamic features designed to enhance the learning experience and simplify course management:
Courses - A sophisticated listing system that provides an organized display of all available courses.
Lessons - A structured layout that provides students with a fun and easy lesson experience.
Blog - Built-in blog where you can share educational content, and updates and interact with the community.
Create Course - An intuitive course creation interface that allows educators to easily develop and publish their courses.
3 user types - Individual user roles including administrators, teachers, and students create an effective online learning environment.
Our template is fully compatible and responsive across all device types. Our team has developed this template in adherence to current UX/UI design standards, ensuring an intuitive interface and visually pleasing aesthetics.
While we offer the template as is, we are open to discussions regarding additional modifications. We recommend exploring the preview section before making a purchase. If you have any questions or need further clarification, please don't hesitate to contact us. We'll be delighted to assist you and tailor a solution to meet your specific requirements.
Features
Landing page
Courses
Course page
Lessons
Categories
About Us
Blog
Contact Us
Create course
Three user types
Notes
Important note: After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.
Check all privacy settings by the following link before launch: Bubble Privacy
Since access to objects differs in each application and is unique for each case, ensure you have established all the privacy rules.
This template is not the final product. Any part of the application can be modified for different needs.
Pages
index
This is the page with the offered learning categories. Also includes a search bar, a customer support section, and a list of links to suggested templates by EazyCode.
about_us
This page contains some fine words, skills, and certificates about Ez Courses.
add_course
This page allows teachers to create new courses.
administrator_page
This is the administration page of the application. The admin can manage any part of the app, with six multifunctional tabs.
COURSES - Tab with a full list of courses on the application. The admin can delete/edit any course. Also on the page, the admin can find the search bar and categories.
LESSONS - Tab with a full list of lessons on the application. The admin can delete/edit any lesson. Also on the page, the admin can find the search bar and categories.
USERS - Tab with a full list of users on the application. The admin can delete/edit any user. Also on the page, the admin can find the search bar and categories.
QUESTIONS - Any user can write to the administrator. So in this tab, the admin can read and reply to all incoming messages.
FINANCIAL INDICATORS - In this tab, the admin can track the sales for each course or lesson.
PAYMENTS - In this tab, the admin can track statistics on the number of users, profits, purchased courses, lessons, etc.
blog
This page contains detailed information about a blog.
browse-courses
Page with a full list of courses. There is also a sorting option.
contact_us
This page contains contact information and a map with pointed location.
course
This page displays detailed information about a course. It contains the course title, rating, creator's information, course price, description, list of included lessons, and list of reviews left by users. Users can purchase the course on this page.
instructor-account
This is the instructor dashboard. This page has six tabs.
MY COURSES - A tab with instructor courses, where he can correct, delete and create new courses.
MY LESSONS - A tab with instructor lessons, where he can correct, delete and create new lessons.
EDIT PROFILE - Tab with personal information.
ASK A QUESTIONS - Tab where an instructor can write a message to the administrator.
FINANCE - In this tab, an instructor can track the sales for each course or lesson.
MY CERTIFICATES - This tab shows added certification.
lessons
This page shows a list of lessons with short information filtered by category and title.
lessons_course_buy
This page is a lesson page for users who have bought this course. It contains a video lesson, title, list of buyers for the teacher and a chat with the teacher for buyers, other lessons of the course, and reviews left by other users.
user-page
This page is a guest page of an instructor. It contains the name, instructor bio, and lists of courses and lessons created by this instructor.
user_account
This is the user dashboard. This page has four tabs.
MY COURSES - A list of purchased courses and lessons.
LIKED COURSES - A list of liked courses and lessons.
ASK A QUESTION - Tab where a user can write a message to the administrator.
EDIT PROFILE - Tab with personal information.
reset_pw
This page allows users to reset their password.
404
This page appears when something goes wrong in the app's work
Reusable elements:
Footer
This reusable element contains app pages, links to EazyCode templates, plugins, and social networks.
group course 2
This reusable element contains a list of courses displayed inline or in columns.
Header
This reusable element contains navigation links through the app, a search for lessons, a list of categories, account navigation, and mobile navigation.
Sign-Up / Log-In Popup
This reusable element contains sign-in, sign-up forms, demo login as admin, student, and instructor buttons.
Workflow
Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the EazyCode standard for the use of colors with a detailed explanation.
The standards below are for informational purposes only. Any discrepancy is not related to the functionality of the application.
Blue - The actions taking place on our screen do not utilize the application's resources. For instance, when an element is clicked and a popup is opened or closed.
Green - These actions involve creating or modifying entries in the database. For example, "Create a new Thing," "Make changes to a thing or a list of things," as well as "Copy a list of things," and so on.
Red - This action involves deleting or resetting values. For instance, "Delete a thing or a list of things," as well as "Reset a group" and "Reset inputs."
Orange - Actions related to your navigation. For example, "Navigate to a page," or "Do when a condition is true" โ when you use specific values for checking, such as "When the current user is logged in," and so on.
Cyan - Actions utilizing Custom Events โ lengthy tasks that involve the creation, modification, deletion, and plugins within a single comprehensive workflow as steps.
Brown - Custom workflow, API workflow, and similar tasks.
Purple - The significance of this color is determined by the developer themselves, as it is done due to the fact that everyone has their own approach to development.
Grey - All other actions.
Data Types
Blog
This data type is used to store blog proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the blog image. |
|
| Stores the blog content. |
|
| Stores the blog title. |
Category
This data type is used to store category proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the category title. |
|
| Stores the sub-categorie data type. |
Certificates
This data type is used to store certificate proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the certificate image. |
|
| Stores the certificate title. |
Chat
This data type is used to store chat proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the message data type. |
|
| Stores the user data type. |
| Stores the course data type. |
Chat Help
This data type is used to store chat with admin proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the message help data type. |
|
| Stores the user data type. |
Course
This data type is used to store course proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the user data type. |
| Stores the category data type. | |
|
| Stores the course status(deleted/changed or not). |
|
| Stores the course description. |
| Stores the cours difficulty option set. | |
|
| Stores the FAQ data type. |
|
| Stores the attached file. |
|
| Stores the cours image. |
|
| Stores the lesson data type. |
|
| Stores the additional link if requaired. |
| Stores the my course data type. | |
|
| Stores the course price. |
|
| Stores the course interprice. |
|
| Stores the course sale price. |
| Stores the course price option set. | |
|
| Stores the review data type. |
| Stores the subcategory data type. | |
| Stores the user data type. | |
|
| Stores the course publication date. |
|
| Stores the course title. |
| Stores the course type option set. |
FAQ
This data type is used to store course FAQ proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the FAQ answer. |
|
| Stores the FAQ questuoin. |
Lesson
This data type is used to store lesson proprieties.
Field name | Type | Notes |
---|---|---|
| Stores the category data type. | |
| Stores the course data type. | |
|
| Stores the lesson status(deleted/changed or not). |
|
| Stores the lesson description. |
|
| Stores the lesson image. |
| Stores the subcategory data type. | |
|
| Stores the lesson title. |
|
| Stores the lesson video file. |
|
| Stores the lesson video link. |
Message
This data type is used to store message proprieties.
Field name | Type | Notes |
---|---|---|
| Stores the course data type. | |
|
| Stores the messgae content. |
|
| Stores the message status(seen or not). |
Message Help
This data type is used to store message proprieties.
Field name | Type | Notes |
---|---|---|
| Stores the chat help data type. | |
|
| Stores the message status(seen or not). |
|
| Stores the message content. |
My Courses
This data type is used to store user-purchased course proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the course data type. |
|
| Stores the course date range. |
Review
This data type is used to store review proprieties.
Field name | Type | Notes |
---|---|---|
| Stores the course data type. | |
| Stores the lesson data type. | |
|
| Stores the review content. |
|
| Stores the revie title. |
| Stores the user data type. | |
|
| Stores the review raiting. |
Status
This data type is used to store liked status proprieties.
Field name | Type | Notes |
---|---|---|
name |
| Stores the status title. |
SubCategory
This data type is used to store subcategory proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the subcategory title. |
| Stores the category data type. |
User
This data type is used to store user proprieties.
Field name | Type | Notes |
---|---|---|
|
| Stores the user BIO. |
|
| Stores the user certifications. |
|
| Stores the chat help data type. |
|
| Stores the user data type. |
|
| Stores the user status(deleted/changed or not). |
|
| Stores the course data type. |
|
| Stores the user facebook link. |
|
| Stores the user instagram link. |
|
| Stores the user twitter link. |
|
| Stores the user additional links. |
|
| Stores the course data type. |
|
| Stores the user name. |
|
| Stores the user image. |
|
| Stores the review data type. |
| Stores the user role option set. |
Option Sets
Course Difficulty
Advanced
Medium
Beginner
Course Price
Free
Paid
Course Status
Featured
Hot
New
Special
Course Type
Single
Bundle
Filter
Release date (Newest first)
Release date (Older first)
Finance
all sales
received
waiting
sheldule
Instructor-Page
my courses
profile
finance
my messages
my certificates
edit profile
edit course
edit lesson
my lesson
ask
User Role
Admin
Teacher
User
The template is sold as is, although additional modifications can be discussed. Feel free to contact us for any inquiries and weโll be happy to find a solution for your ideas โ http://eazycode.com/
Hire us:
Last updated