# GrapesJS plugin: Pages Manager

**URL:** <https://forum.mautic.org/t/grapesjs-plugin-pages-manager/27406>\
**Category:** 3rd Party Addons\
**Created:** [March 18, 2023, 9:31pm UTC](https://forum.mautic.org/t/grapesjs-plugin-pages-manager/27406 "2023-03-18T21:31:20Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![DevFuture](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/devfuture/32/6742_2.png) [@DevFuture](https://forum.mautic.org/u/DevFuture)\
**Post date:** [March 18, 2023, 9:31pm UTC](https://forum.mautic.org/t/grapesjs-plugin-pages-manager/27406/1 "2023-03-18T21:31:20Z")

</div>

![pages-manager-high-resolution-color-logo(1)](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/f/f07dea5b10a9553b3cceb7469614f36dd322e66f.png)

Pages Manager GrapesJS is a powerful plugin for displaying pages. It allows you to easily manage your pages, including adding, removing, copying, renaming, and exporting them to ZIP files (single or all). With Pages Manager GrapesJS, you can quickly and easily create and manage your pages with ease. It also provides a wide range of features, such as page preview, page sorting, page search, and more. With Pages Manager GrapesJS, you can easily create and manage your pages with ease.

**Options:**

**appendTo** position for PagesManager able to set to any block in interface appendTo: ‘.class-div’ or ‘#id-div’

**main\_name** Name of default page default: main\_name: ‘Page 1’

**default\_content** Default HTML to new pages default\_content: ‘

New page
’

**default\_style** Default CSS to new pages default\_style: ‘.class{ color: red; }’

**pages\_prefix** Default prefix for new pages name, like Page 1, Page 2, Page 3 pages\_prefix: ‘Page’

**exportSingle** Show/hide export for page exportSingle: 1

**exportMulti** Show/hide export for all pages exportMulti: 1

**nameArchive** Prefix name of archive of all pages nameArchive: ‘export-all’

**stylesPages** Add css to pages manager, possible to replace exist styles stylesPages: ‘.text{ color:red; }’

Demo:  
[https://devfuture.pro/live/pages-manager/](https://devfuture.pro/live/pages-manager/)

Buy:  
[https://gjs.market/products/pages-manager](https://gjs.market/products/pages-manager)
