Website Builder

GrapeJS is a drag & drop website builder integrated into OpenPanel that you can use to create static HTML websites with tailwindcss.

Create a Website​

To create a new website using GrapeJS access the Auto Installer page and under Website Builder click on the "Create website" button.

The first step is choosing a domain and optionally a subdirectory where your new website will be installed.

When you're done click on the "Open Website Builder" button to finish setup and start creating with the website builder.

Edit Website​

You can access the website builder to edit your websites at any time through Site Manager page on your OpenPanel account.

Click Open Editor to launch the GrapeJS editor interface.

Clicking on any element will display its options on the right side of the screen. You can use the icon in the top-right corner to browse and insert available blocks.

For additional information on how the GrapeJS website builder works we recommend consulting the official documentation.

Backup & Restore​

To back up a static website created with OpenPanel's Website Builder, simply archive the directory in File Manager, making sure to include the index.html and style.css files.

To restore the website, extract the archived files back into the same directory using File Manager, replacing any existing files if necessary.

Delete Website​

To delete a website, first open it from Site Manager page and then click on Remove tab. Then click on 'Delete website' and finally 'Confirm Delete'.