Settings

You can change the settings at "Setup > PAGEGRID".

License Key

Installing PAGEGRID on or using it for a self hosted public site requires a paid license. Before you launch your project please insert a valid license key here. This only applies to self-hosted installations, cloud users don't need a license key.

Field Settings

Here you can select the blocks you want to use for your PAGEGRID field. The block template files must be placed in site/templates/blocks/ folder or installed via our block module before you can select them here. This only applies to self-hosted installations.

Interface

Here you can customize the look of the page editor interface. This only applies to self-hosted installations.

Plugins

Vanilla javascript plugins you want to load when using PAGEGRID’s script function. This only applies to self-hosted installations.

Style Panel

PAGEGRID uses the Style Panel to manipulate CSS properties directly on the page. The Style Panel will only be available to "superusers" or users with the permission "pagegrid-style-panel". If you prefer to work with your own CSS code instead you can disable the Style Panel by unchecking the box "Enable Style Panel".

Privacy friendly Google Fonts

Check this option to request Google Fonts from BunnyCDN instead of the Google server. BunnyCDN has logging disabled, and will not log any user information. More information.

Custom Fonts

Here you can upload custom web fonts in the format "woff" or "woff2". Fonts will be uploaded to your "site/templates/fonts" folder. The uploaded fonts will be selectable in the Style Panel under "Typography > Font".

Colors

If you want to have selectable colors in the Style Panel, you can define them here.

Inline Editor

The fields you select here will become editable on the front-end/iframe, directly in the page. To make it work the user must also have a role assigned with the permission "page-edit-front" as well as "page-edit" for the template "pg_container". Or just assign the default role "pagegrid-editor" to any user you want to be able use the inline editor.

CSS Code

You can add custom CSS code here. If your page has a PAGEGRID field, it will be loaded automatically.

Javascript Code

You can add custom Javascript code here. If your page has a PAGEGRID field, it will be loaded automatically.