PHPackages magenerds/pagedesigner - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. magenerds/pagedesigner ActiveMagento2-module[Utility & Helpers](/categories/utility) magenerds/pagedesigner ====================== This module lets you edit cms pages easily with drag and drop 4.3.2(3y ago)9271.9k↓50%44[6 issues](https://github.com/Magenerds/PageDesigner/issues)[2 PRs](https://github.com/Magenerds/PageDesigner/pulls)1OSL-3.0JavaScript Since Feb 17Pushed 2y ago24 watchersCompare [ Source](https://github.com/Magenerds/PageDesigner)[ Packagist](https://packagist.org/packages/magenerds/pagedesigner)[ RSS](/packages/magenerds-pagedesigner/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (5)Versions (27)Used By (1) Magenerds\_PageDesigner ======================= [](#magenerds_pagedesigner) This extension facilitates the cms editing process in your store. Instead of just a wysiwyg editor you now have a drag and drop editor to layout your blocks. - Magento 2.3 compatibility version 4.0.0 - Magento 2.2 and lower version 3.x Extension installation ---------------------- [](#extension-installation) The easiest way to install the Magenerds module is via composer ``` # add to composer require composer require magenerds/pagedesigner # run magento setup to activate the module bin/magento set:up ``` Extension configuration ----------------------- [](#extension-configuration) The extension can be configured if you go to `Stores > Configuration` and afterwards to `Magenerds > Page Designer`. [![PageDesigner-Configuration](_images/pd_config.png?raw=true "PageDesigner Configuration")](_images/pd_config.png?raw=true) - **CSS Classes (for columns)**: A comma separated list of pre defined css classes which the cms editor can choose from. The default class pd-highlight is just a dummy class and does nothing. It is important that a developer has to include the css classes into the theme before using them. - **CSS Classes (for rows)**: A comma separated list of pre defined css classes which the cms editor can choose from. The default class pd-highlight is just a dummy class and does nothing. It is important that a developer has to include the css classes into the theme before using them. How to use ---------- [](#how-to-use) The page designer can be used for cms blocks and cms pages. Add a new block/page or edit an existing one. [![PageDesigner-Usage](_images/pd_usage.png?raw=true "PageDesigner Usage")](_images/pd_usage.png?raw=true) 1. Select the responsive layout. You can define different layouts for smartphone, tablet, laptop and desktop 2. Add more rows 3. Click + in order to open up the editor. There you can choose from the widget list or just a wysiwyg editor 4. Drag and drop the row 5. Click + in order to add a column in the current row 6. Click to add pre defined css classes to the row 7. Delete the row 8. Drag and drop the column 9. Click to add pre defined css classes to the column 10. Delete the row Here is an example how a layout can look like: [![PageDesigner-Example](_images/pd_usage2.png?raw=true "PageDesigner Example")](_images/pd_usage2.png?raw=true) You can import cms blocks you already created into another cms block in order to build on already existing layouts. This helps you to not start from scratch. All cms blocks created with the page designer are visible in the dropdown Import Static Block. \##Video Tutorial Watch a short video about the extension: [![Magenerds Page Designer](https://camo.githubusercontent.com/c7430a689900d4158971abc33a69d1b7996dc5157bb7ed6117fdf0b83fc50559/68747470733a2f2f696d672e796f75747562652e636f6d2f76692f4530775a7a565046684d302f302e6a7067)](https://www.youtube.com/watch?v=E0wZzVPFhM0 "Magenerds Page Designer") - Magento 2.3 compatibility version 4.0.0 - Magento 2.2 and lower version 3.x ### Health Score 45 — FairBetter than 92% of packages Maintenance19 Infrequent updates — may be unmaintained Popularity46 Moderate usage in the ecosystem Community29 Small or concentrated contributor base Maturity73 Established project with proven stability Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~84 days Recently: every ~312 days Total 26 Last Release 1262d ago Major Versions 1.0.7 → 2.0.02017-08-14 2.0.0 → 3.0.02018-02-08 3.2.0 → 4.0.02019-02-12 ### Community Maintainers ![](https://www.gravatar.com/avatar/dc7198de4a15248d6df7f5622ef0470a18a672d2b5a33ed6098c8352886c134c?d=identicon)[magenerds](/maintainers/magenerds) --- Top Contributors [![sydekumf](https://avatars.githubusercontent.com/u/3983052?v=4)](https://github.com/sydekumf "sydekumf (25 commits)")[![sippsolutions](https://avatars.githubusercontent.com/u/1697820?v=4)](https://github.com/sippsolutions "sippsolutions (22 commits)")[![Mardl](https://avatars.githubusercontent.com/u/35043036?v=4)](https://github.com/Mardl "Mardl (13 commits)")[![hostep](https://avatars.githubusercontent.com/u/85479?v=4)](https://github.com/hostep "hostep (4 commits)")[![cagartner](https://avatars.githubusercontent.com/u/4007696?v=4)](https://github.com/cagartner "cagartner (4 commits)")[![JSchlarb](https://avatars.githubusercontent.com/u/715666?v=4)](https://github.com/JSchlarb "JSchlarb (4 commits)")[![baldwinagency-pieter](https://avatars.githubusercontent.com/u/4758823?v=4)](https://github.com/baldwinagency-pieter "baldwinagency-pieter (3 commits)")[![schmids](https://avatars.githubusercontent.com/u/6285336?v=4)](https://github.com/schmids "schmids (2 commits)")[![steinkopffp](https://avatars.githubusercontent.com/u/30256363?v=4)](https://github.com/steinkopffp "steinkopffp (1 commits)")[![Bullitt300](https://avatars.githubusercontent.com/u/6186155?v=4)](https://github.com/Bullitt300 "Bullitt300 (1 commits)")[![two4zero](https://avatars.githubusercontent.com/u/7650492?v=4)](https://github.com/two4zero "two4zero (1 commits)")[![vadimjustus](https://avatars.githubusercontent.com/u/4609608?v=4)](https://github.com/vadimjustus "vadimjustus (1 commits)")[![wick-ed](https://avatars.githubusercontent.com/u/4931168?v=4)](https://github.com/wick-ed "wick-ed (1 commits)") ### Embed Badge ![Health badge](/badges/magenerds-pagedesigner/health.svg) ``` [![Health](https://phpackages.com/badges/magenerds-pagedesigner/health.svg)](https://phpackages.com/packages/magenerds-pagedesigner) ``` ### Alternatives [snowdog/module-menu Provides powerful menu editor to replace category based menus in Magento 2 3271.7M5](/packages/snowdog-module-menu)[baldwin/magento2-module-url-data-integrity-checker Magento 2 module which can find potential url related problems in your catalog data 281773.3k](/packages/baldwin-magento2-module-url-data-integrity-checker)[yireo/magento2-webp2 Magento 2 module to add WebP support to the Magento frontend 2091.2M7](/packages/yireo-magento2-webp2)[opengento/module-gdpr Gdpr Compliance Module for Magento 2 14481.5k](/packages/opengento-module-gdpr)[run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 69344.4k](/packages/run-as-root-magento2-prometheus-exporter)[magepal/magento2-customeraccountlinksmanager Customer Account Links Manager for Magento2 allows you to quickly and easily remove unwanted links from customer account dashboard 4084.9k](/packages/magepal-magento2-customeraccountlinksmanager) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)