Pinegrow PRO | Pinegrow Web Editor
Home/ Documentation/ Pinegrow PRO

Pinegrow PRO

Follow practical examples to learn how to use master pages, smart components, and editable areas.

This section is not yet updated to reflect the changes in the user interface in Pinegrow 4.

In the meanwhile, please use the current documentation. The functionality and workflow didn’t change, only the user interface.


Partials are files with parts of HTML code or components. Pinegrow lets you edit them in the context of their parent page.

Editable areas

Editable areas are used in both Master pages and Smart components. They are layout elements that can be customized on content pages and in component instances. Different aspects of elements can be defined as editable: the content, attributes, and classes.


Smart components are reusable website elements that can have editable areas. Go through this article to learn about everything you can do with them.

Master Pages

Master pages are a feature that enable you to define common structure and interface markup elements for your Web site, including headers, footers, style definitions, or navigation bars.


Projects allow you to open any folder as a project. The file tree of the folder is displayed in Project panel. There you can easily open pages, add new ones, delete unneeded files. Note: the use of many template resources requires that you set-up a project folder.


Learn about components, master pages and partials with our step-by-step tutorials.

Last updated on January 10, 2018 at 12:55 pm

Print this article