Turn service details into a Gutenberg section

Services Section Block lets you arrange business offerings in grids or columns in the WordPress block editor, without code. Agencies, freelancers, local businesses, corporate sites, and landing pages can use it to give service details a consistent presentation.

Add services, select a built-in template, then select an icon from the library or upload a PNG, JPEG, or JPG picture. Set colors and typography for titles and descriptions in the editor's right sidebar. The block works with standard WordPress themes and can be reused across posts and pages.

Choose a layout and tune its appearance

Services Section Block Pro unlocks Layout 2 through Layout 8, with additional structures and styles for arranging service items. Per-side padding and spacing controls help adjust the space around each item. Border options include individual sides, style, width, color, and corner radius.

• Use box shadows and hover transitions to change how service cards look.
• Set animation direction for layout-specific designs such as Layout 4.
• Adjust the circle background's opacity, including its opacity on hover.
• In Layout 8, toggle and style a decorative border layer behind the items.

Set where each service link applies

With Pro, enable links on service items and apply them to a button, the title, or the entire service box. Choose whether linked content opens in a new browser tab. This lets a service overview link each item to a relevant page while keeping the link area suited to the design.

Use the block for various service lists

A freelancer might use icons and short descriptions to group design or development services. A local business can summarize its offerings, while a corporate website can use matching colors and typography for a branded service section. On a landing page, Pro layouts, hover effects, and links can present services with optional next steps.

Add the block to a page

1. Install and activate Services Section Block.
2. In the Gutenberg editor, add the Services Section block from the Widgets block category.
3. Add your services, then select icons from the library or upload your own pictures.
4. Choose a template and adjust colors, typography, spacing, borders, and other settings in the right sidebar.
5. Publish the page when the section is ready.