Plugin Details
Home / Plug-in market / DIY Pages
DIY Pages
DIY Page Custom Page Builder Plugin
Overview
DIY Page is a plugin that adds custom page building capabilities to your e-commerce system. It allows you to independently create, manage, and design single pages in the admin panel, with functionality identical to the homepage designer. You can set a unique URL slug, SEO information (Meta title/description/keywords), enable/disable status for each page, and freely combine various design modules (slideshows, product lists, image-text displays, timelines, etc.) through a visual drag-and-drop editor – creating custom brand story pages, campaign landing pages, and more.
Key Features
📄 Page Management
| Feature | Description |
|---|---|
| Create/Edit Pages | Multi-language page titles and SEO Meta information |
| URL Slug | Custom page access URL, e.g., yourstore.com/link/about-us |
| Enable/Disable Toggle | Disabled pages are not shown on the frontend (except in preview mode) |
| Page Layout | Standard page (with theme header/footer) / Blank page (no header/footer – full canvas freedom) |
| Delete Page | Cascade deletes associated multilingual descriptions and design data |
🎨 Visual Design Builder
| Feature | Description |
|---|---|
| Drag-and-Drop Module Library | Left panel contains all system design modules (slideshows, products, image-text, timelines, etc.) |
| Real-time Module Preview | Right iframe shows live design results – WYSIWYG |
| Module Sorting | Drag to reorder modules – syncs with frontend display |
| Module Configuration | Click a module to open its settings panel and configure all parameters |
| Module Deletion | One-click removal of unwanted modules |
| PC/Mobile Toggle | Switch device views within the design interface to preview responsive effects |
🔗 SEO Friendly
| Setting | Description |
|---|---|
| Meta Title | Custom page SEO title (multi-language support) |
| Meta Description | Custom page SEO description (multi-language support) |
| Meta Keywords | Custom page SEO keywords (multi-language support) |
Technical Features
-
✅ Identical to Homepage Designer : Reuses the system's design module library – all installed modules are available
-
✅ Multi-language Support : Page titles and SEO information support multi-language configuration
-
✅ Blank Page Layout : Optional "Blank Page" mode hides the theme header and footer – provides a full-canvas design space
-
✅ Plugin Module Compatible : Automatically loads design modules registered by other plugins (e.g., Partner, Product Scroll, etc.)
-
✅ Permission Control : Built-in complete permission management (list/create/edit/delete/design)
-
✅ Automatic URL Routing : Frontend automatically routes
/link/{slug}to access DIY pages -
✅ Isolated Design Preview : Admin design iframe is independent from frontend display – supports
design=1parameter to preview disabled pages -
✅ Automatic Module View Resolution : Plugin module view paths are auto-detected – automatically filtered when the plugin is disabled
-
✅ Standard Database Design : Separates main table, multilingual table, and design data table – supports extensibility
Use Cases
-
Brand story / About Us page
-
Limited-time campaign / promotion landing page
-
Product launch / new product introduction page
-
Store locations / franchise page
-
Help center / FAQ page
-
Landing pages / marketing campaign pages
