Frontend Customization

Mentor LMS includes a powerful No-Code Drag & Drop Web Builder that allows you to create and customize website pages without writing any code.

Key Features

• Visual Page Editor — Edit pages in real-time with drag & drop
• 40+ Pre-built Sections — Ready-to-use, professional sections
• Component Library — Extensive collection of draggable components
• Full Color System — Customize your entire color scheme
• Responsive Design — Mobile-first, fully responsive layouts
• Media Manager — Upload and manage your media files
• Page Settings — Configure SEO, meta tags, and visibility

---

Frontend Management Dashboard

Access from Settings → Frontend to control all aspects of your website pages.

Available Controls

• Frontend Enable/Disable — Toggle frontend visibility on/off
• Color System — Select a Primary color with instant site-wide changes
• Page Management — Create New Pages, manage Home Pages and Inner Pages
• Page Actions — Edit, Preview, Settings, Delete for each page

---

Drag & Drop Page Builder

Click the Edit button on any page to launch the visual builder.

Builder Features

• Save, Preview, Undo/Redo — Top navbar controls
• Device Toggle — Desktop, tablet, and mobile preview
• Page Settings — SEO and meta configuration per page
• Structure View — Hierarchical view of your page elements
• Live Editing — Click any element to select and modify in real-time

---

Component Library

Available Components

Layout: Section, Container, 2 Columns, 3 Columns, Div, HR

Elements: Heading, Paragraph, Span, Image, Video, Iframe, Icon, Link, Button, Form, Input, Textarea, Select, Checkbox, Radio, Label, Header, Nav, Footer, Article, Aside, Dropdown, Popover, Accordion, Tabs, Drawer

How to Use

1. Browse the component library in the left sidebar
2. Drag your desired component
3. Drop it onto the page canvas
4. Click to select and edit
5. Customize properties in the right panel

---

Pre-built Sections Library

Access 40+ professionally designed sections.

How to Use

1. Click the Sections tab in the left sidebar
2. Browse through 40+ section templates
3. Click any section to preview
4. Click Add to Page to insert at cursor position
5. Customize text, images, colors, and content

---

Workflows

Creating a New Page

1. Go to Settings → Frontend
2. Click Create New Page
3. Choose a template or start blank
4. Add pre-built sections
5. Customize content and images
6. Configure page SEO settings
7. Preview on different devices
8. Publish when ready

Editing an Existing Page

1. Navigate to Frontend Management
2. Find your page in the list
3. Click Edit
4. Make your changes
5. Preview and save

---

6. Page Settings

Configure individual page settings including SEO, meta tags, and visibility options.

---

Media Manager

Supported File Types

• Images — JPG, PNG, GIF, WebP, SVG

File Operations

• Browse, upload, copy URL, delete
• Multiple upload and batch upload supported