The blocked layout is essential on modern websites, and you can learn to use Blocks in the Nicepage Applications, WordPress Plugin, Joomla Extension, and Online Editor.

Add Block

You can add a Block from the Adв Panel. You can add a Blank, Preset, Design, and AI-generated Block.

add-block.png

Block Presets And Designs

You can use Block Presets or Designs grouped by their functions, such as Text on Image, Contact Form, Contacts, Video, and many others.

block-presets-designs.png

Over 15,000 block designs are also available. The Block thumbnails are readable on large screens and support Retina for Mac. They are also useful for Windows computers, using more than 100% zoom.

You can also use the AI-Powered Block Builder.

Search In Block Designs

You can use the Search for the Block Designs and choose the Thematic Category.

block-design-search.png

Block Properties

You can change the Block Properties in the Property Panel.

Block Width And Height

Modify the Block Width and Height options.

block-width-property-reworked.gif

You can choose the Width and Height presets from the lists.

block-height-options.png

Block Margins

The Block Margins are presented as informative icons.

block-margins.png

Image Background Crop & Zoom

You can use the Crop & Zoom properties for the Image Background.

zoom-crop-properties.png

Image Background Shade

You can also easily add and remove the Shade for the Image Background, which makes the text content more contrasted and, therefore, more readable.

shade-image-background.gif

Block Import

When there are no blocks on the page, you can use the Import Block operation from the Page's Context Menu to import a block without adding an extra block.

import-block-in-page-context-menu.png

The blocked layout is essential on modern websites, and you can learn to use Blocks in the Nicepage Applications, WordPress Plugin, Joomla Extension, and Online Editor. ### <iframe style="width: 95%; aspect-ratio: 16 / 9;" src="https://www.youtube.com/embed/ZrJHpPD643w" title="Nicepage Blocks" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> ### ## Add Block You can add a Block from the Adв Panel. You can add a Blank, Preset, Design, and AI-generated Block. !add-block.png! ## Block Presets And Designs You can use Block Presets or Designs grouped by their functions, such as Text on Image, Contact Form, Contacts, Video, and many others. !block-presets-designs.png! Over 15,000 block designs are also available. The Block thumbnails are readable on large screens and support Retina for Mac. They are also useful for Windows computers, using more than 100% zoom. You can also use the [AI-Powered Block Builder](page:501349). ## Search In Block Designs You can use the Search for the Block Designs and choose the Thematic Category. !block-design-search.png! ## Block Properties You can change the Block Properties in the Property Panel. ### Block Width And Height Modify the Block Width and Height options. !block-width-property-reworked.gif! You can choose the Width and Height presets from the lists. !block-height-options.png! ### Block Margins The Block Margins are presented as informative icons. !block-margins.png! ### Image Background Crop & Zoom You can use the Crop & Zoom properties for the Image Background. !zoom-crop-properties.png! ### Image Background Shade You can also easily add and remove the Shade for the Image Background, which makes the text content more contrasted and, therefore, more readable. !shade-image-background.gif! ## Block Import When there are no blocks on the page, you can use the Import Block operation from the Page's Context Menu to import a block without adding an extra block. !import-block-in-page-context-menu.png! ##