Request A Demo
By entering your email, you agree to our Terms of Service and Privacy Policy

Download Pagelayer Plugin

Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount !

New year Offer
35% Off

Offer Expired

How to use Pagelayer in Gutenberg

In this documentation, we will highlight you how to use Pagelayer Gutenberg Blocks which is available from Pagelayer version 1.8.1.

Add New Page

Firstly we shall add new page and how to edit it with Pagelayer Gutenberg blocks


Now, you can add Pagelayer Gutenberg blocks by dragging the Pagelayer Gutenberg block onto the WordPress Gutenberg editor.

Pagelayer Drag And Drop

Now Pagelayer Gutenberg block will be visible along with the Settings panel on right hand side which has all the properties of that particular block:

Pagelayer Quote Block

Properties And Styling Options

Each Pagelayer Gutenberg Block has its own Properties which can be found on the Setting panel itself once you drag and drop the widget, as shown in the image below:

Pagelayer Block Prop

Advance Options

To access advanced options for the given Pagelayer Gutenberg Block you will need to click on Options in the settings panel and you will be able to access advanced options and advance styling options.

Pagelayer Styling Options


After finalizing the design, ensure responsiveness and preview it. Once confirmed, proceed with publishing the site.

Pagelayer Publish Draft
    Was this page helpful?
    Newsletter Subscription
    Subscribing you to the mailing list