LuviaEdu is a complete School ERP and Academic Management System designed for modern educational institutions. It provides a highly interactive, unified React dashboard for administrators, teachers, accountants, and other staff to coordinate student admissions, academic directories, financial transactions, class schedules, and student attendance.<\/p>\n\n
Key Features:<\/strong><\/p>\n\n After activating the plugin:<\/p>\n\n Click LuviaEdu<\/strong> in the WordPress admin sidebar. The React dashboard loads automatically. Database tables and default configuration are created on first activation.<\/p>\n\n The Setup Wizard will guide you through: school name, logo, academic year, currency, and grading system. You can always update these later via LuviaEdu \u2192 School Settings<\/strong>.<\/p>\n\n Go to LuviaEdu \u2192 Roles & Permissions<\/strong>. Use the visual toggle grid to control which sections each role (Teacher, Principal, Accountant, etc.) can access.<\/p>\n\n In the dashboard, navigate to Academic Directory<\/strong>. Create your classes\/sections first, then add students individually or via the Admissions module.<\/p>\n\n Create any WordPress Page, add the shortcode Go to LuviaEdu \u2192 Luvia Forms \u2192 Add New<\/strong>, give the form a title, launch the Visual Builder, and design your form. Copy the form's Post ID from the URL (e.g., LuviaEdu provides two powerful shortcodes.<\/p>\n\n Purpose:<\/strong> Creates a full-screen frontend React portal, bypassing your WordPress theme completely. Ideal for student\/parent login and dashboard access.<\/p>\n\n Usage:<\/strong>\n [luvia_portal]<\/p>\n\n How to set up:<\/strong><\/p>\n\n Note:<\/strong> This shortcode works via a template redirect. The page will render as a standalone HTML document, not inside your theme. Place it on a dedicated page \u2014 do not mix it with other page content.<\/p>\n<\/blockquote>\n\n Purpose:<\/strong> Embeds a form (LuviaEdu native or from a supported 3rd-party plugin) anywhere on your site inside a premium glassmorphism card container.<\/p>\n\n Syntax:<\/strong>\n [luvia_embed_form id=\"FORM_ID\" type=\"TYPE\"]<\/p>\n\n Attributes:<\/strong><\/p>\n\n Supported type values:<\/strong><\/p>\n\n\n\n\n type=\n Form Plugin\n Full Example\n\n\n\n\n How to find your Native Luvia Form ID:<\/strong>\n1. Go to LuviaEdu \u2192 Luvia Forms \u2192 Add New<\/strong>\n2. Give the form a title and click Publish<\/strong>\n3. Click \ud83d\ude80 Launch Visual Builder<\/strong> in the sidebar to design your form\n4. Look at the browser URL: LuviaEdu registers the following custom WordPress roles on plugin activation:<\/p>\n\n To assign a role to a user: WordPress Admin \u2192 Users \u2192 Edit User \u2192 Role dropdown<\/strong>.<\/p>\n\n Fine-tune which dashboard sections each role can access via LuviaEdu \u2192 Roles & Permissions<\/strong>.<\/p>\n\n The unminified React source code and Vite compilation tools for the frontend dashboard are publicly available at:\nhttps:\/\/github.com\/sparkigniter\/luviaedu<\/p>\n\n\n For detailed step-by-step instructions after activation, go to LuviaEdu \u2192 \ud83d\udcda Help & Docs<\/strong> in your WordPress admin sidebar.<\/p>\n\n\n After activation, go to LuviaEdu \u2192 \ud83d\udcda Help & Docs<\/strong> in your WordPress admin sidebar for a complete interactive guide with shortcodes, roles, and step-by-step instructions.<\/p><\/dd>\n Create a WordPress page, add a Shortcode block, and paste Build a form using the Drag-and-Drop Form Builder (LuviaEdu \u2192 Luvia Forms \u2192 Add New \u2192 Launch Visual Builder). Note the Post ID from the URL, then paste Yes. Use the Go to WordPress Admin \u2192 Users \u2192 Add New<\/strong>. Select luvia_student<\/strong> as the role. The student can then log in to the portal page created with Submissions from native LuviaEdu forms are stored in the plugin's custom database table and viewable inside the LuviaEdu dashboard under the Admissions section.<\/p><\/dd>\n Ensure the plugin's \n
[luvia_portal]<\/code> shortcode.<\/li>\nGetting Started<\/h3>\n\n
Step 1 \u2014 Open the LuviaEdu Dashboard<\/h4>\n\n
Step 2 \u2014 Complete the Onboarding Wizard<\/h4>\n\n
Step 3 \u2014 Configure Roles & Permissions<\/h4>\n\n
Step 4 \u2014 Add Students & Classes<\/h4>\n\n
Step 5 (Optional) \u2014 Create a Frontend Portal Page<\/h4>\n\n
[luvia_portal]<\/code> to it, then publish. Share that page URL with your students and parents. Logged-in users will see a full-screen portal tailored to their role.<\/p>\n\nStep 6 (Optional) \u2014 Embed a Registration Form on Your Site<\/h4>\n\n
post=42<\/code> means the ID is 42<\/code>). Embed it anywhere using:\n [luvia_embed_form id=\"42\"]<\/p>\n\nShortcodes<\/h3>\n\n
[luvia_portal]<\/h4>\n\n
\n
[luvia_portal]<\/code><\/li>\n\n
[luvia_embed_form]<\/h4>\n\n
\n
id<\/code> (required) \u2014 The numeric ID of the form.<\/li>\ntype<\/code> (optional, default: luvia<\/code>) \u2014 Which form plugin to use.<\/li>\n<\/ul>\n\nluvia<\/code> (default)<\/em>\n LuviaEdu Native Form Builder\n [luvia_embed_form id=\"42\"]<\/code>\n\n\n wpforms<\/code>\n WPForms\n [luvia_embed_form id=\"5\" type=\"wpforms\"]<\/code>\n\n\n gravityforms<\/code> or gravity<\/code>\n Gravity Forms\n [luvia_embed_form id=\"3\" type=\"gravityforms\"]<\/code>\n\n\n ninjaforms<\/code> or ninja<\/code>\n Ninja Forms\n [luvia_embed_form id=\"8\" type=\"ninjaforms\"]<\/code>\n\n\n cf7<\/code> or contactform7<\/code>\n Contact Form 7\n [luvia_embed_form id=\"2\" type=\"cf7\"]<\/code>\n\n\n formidable<\/code>\n Formidable Forms\n [luvia_embed_form id=\"7\" type=\"formidable\"]<\/code>\n\n\n\n\n...\/wp-admin\/post.php?post=42&action=edit<\/code> \u2014 the number after post=<\/code> is your Form ID\n5. Use that in the shortcode: [luvia_embed_form id=\"42\"]<\/code><\/p>\n\nUser Roles<\/h3>\n\n
\n
Source Code & Build Tools<\/h3>\n\n
\n
luviaedu<\/code> folder to the \/wp-content\/plugins\/<\/code> directory, or upload the zip file directly via the WordPress Admin \u2192 Plugins \u2192 Add New \u2192 Upload Plugin.<\/li>\n\n
Where is the full documentation?<\/h3><\/dt>\n
How do I embed a student portal on my site?<\/h3><\/dt>\n
[luvia_portal]<\/code>. Publish the page. That URL becomes your school's portal \u2014 students and staff log in with their WordPress credentials.<\/p><\/dd>\nHow do I embed a registration form on my site?<\/h3><\/dt>\n
[luvia_embed_form id=\"YOUR_ID\"]<\/code> on any page.<\/p><\/dd>\nCan I use WPForms \/ Gravity Forms \/ Contact Form 7 with LuviaEdu?<\/h3><\/dt>\n
type<\/code> attribute on [luvia_embed_form]<\/code>. For example, [luvia_embed_form id=\"5\" type=\"wpforms\"]<\/code> will embed WPForms form #5 in a LuviaEdu card. The required form plugin must be installed and active.<\/p><\/dd>\nHow do I create a student account?<\/h3><\/dt>\n
[luvia_portal]<\/code>.<\/p><\/dd>\nWhere are form submissions stored?<\/h3><\/dt>\n
The dashboard shows \"Loading LuviaEdu...\" but doesn't load.<\/h3><\/dt>\n
assets\/index.js<\/code> and assets\/index.css<\/code> files exist. If you cloned from GitHub, run npm install && npm run build<\/code> to compile the frontend assets.<\/p><\/dd>\n\n<\/dl>\n\n\n1.4.3<\/h4>\n\n
\n
1.4.2<\/h4>\n\n
\n
1.0.0<\/h4>\n\n
\n