# Using the grapejs page builder

**URL:** <https://forum.mautic.org/t/using-the-grapejs-page-builder/29779>\
**Category:** Product Support\
**Tags:** mautic-4\
**Created:** [October 29, 2023, 5:01pm UTC](https://forum.mautic.org/t/using-the-grapejs-page-builder/29779 "2023-10-29T17:01:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mikehersee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikehersee/32/8291_2.png) [@mikehersee](https://forum.mautic.org/u/mikehersee)\
**Post date:** [October 29, 2023, 5:01pm UTC](https://forum.mautic.org/t/using-the-grapejs-page-builder/29779/1 "2023-10-29T17:01:03Z")

</div>

**Your software**  
My Mautic version is: 4.4.10  
My PHP version is: 8.0.30  
My Database type and version is: 10.6.15-MariaDB

**Your problem**  
Hi, i’ve been struggling with this grapejs page builder all day. I really don’t know how to use it. Are there any detailed guides on how to - for instance - arrange things, such as put an image inside a body of text at the side of a body of text so that the text flows around it. I’ve also discovered finally how to save changes without it losing everything. It’s all not very intuitive unfortunately. The existing one-page documentation that I’ve been able to find seems to presume that you already know how to use that kind of editor. Or any videos? Or any guides that are designed mainly for a different editor but which do give the user a good idea on how to use this one would be an acceptable sustitute. I’ve done some page design in Microsoft frontpage, which appears to be sort of similar, but that was a very long time ago. Any point in a useful direction gratefully received!

---

<div class="post-metadata">

**Author:** ![neependra](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/neependra/32/10787_2.png) [@neependra](https://forum.mautic.org/u/neependra)\
**Post date:** [October 30, 2023, 7:26am UTC](https://forum.mautic.org/t/using-the-grapejs-page-builder/29779/2 "2023-10-30T07:26:16Z")

</div>

> [@mikehersee](#):
>
> ntpage, which appears to be sort of similar, b

I am also exploring the same. Found a demo here

> **[GrapesJS Demo - Free Open Source Website Page Builder](https://grapesjs.com/demo.html)**
>
> Best Free Open Source Responsive Websites Builder

and they seems to have some sort of studio here

> **[GrapesJS Studio](https://studio.grapesjs.com/)**
>
> GrapesJS Studio - Next generation nocode tool for building your web projects without coding

We can copy/paste the code from here to the Mautic.  
That’s where I am at right now.

---

<div class="post-metadata">

**Author:** ![mikehersee](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikehersee/32/8291_2.png) [@mikehersee](https://forum.mautic.org/u/mikehersee)\
**Post date:** [October 31, 2023, 11:51pm UTC](https://forum.mautic.org/t/using-the-grapejs-page-builder/29779/3 "2023-10-31T23:51:40Z")

</div>

Thanks, that’s a step forward!