Build page sections in Gutenberg

Magic Content Box Premium is a Gutenberg block solution for arranging text, images, buttons, and spacing in WordPress sections. Use it for landing pages, promotional areas, service introductions, highlighted content, and calls to action. Its visual controls let you assemble sections without coding knowledge or a third-party page builder.

The Premium edition adds layout and styling controls for shaping these areas. Choose a section structure, adjust its appearance, and combine the Magic Content Box with other Gutenberg content when a section needs more than one element.

Section layouts and components

Image boxes

Choose from more than 30 picture masking shapes to change how an image appears within a configurable section layout.

Headers and buttons

Build a header with more than nine layouts, including a reverse option. Add a title and subtitle, then select from multiple button layouts. Buttons support icons.

Top and bottom dividers

Use shape dividers to separate page areas. Premium includes more than 12 settings for top and bottom section dividers, with unlimited color options for shaping the transition between sections.

Inner content

Add multiple WordPress blocks inside the content box with the separate inner section. This combines the Magic Content Box structure with other Gutenberg content in one section.

Typography, color, and spacing

Adjust typography and colors, use gradients and color effects, and control spacing between components and content areas. Box shadows and borders provide further ways to style a section. Font Awesome 5 icons are available in supported content, including button layouts.

Combine these controls for consistent sections or give individual blocks their own visual treatment. Pre-designed layouts and the reverse header option let you try alternate arrangements.

Where to use it

Create a homepage header, promotional banner, image-and-text introduction, service capability area, or call-to-action section. Use the inner section when a content box needs multiple elements, and add shape dividers to distinguish one page area from another.

Get started

1. Install Magic Content Box Premium in your WordPress site and open the Gutenberg editor.
2. Add the Magic Content Box block and select a suitable layout or component.
3. Configure the image, header, button, typography, color, spacing, and divider controls for the section.

No coding knowledge or third-party page builder is required.