Build a service overview in Gutenberg

Services Section Block adds a block for arranging business offerings in a service section with cards or columns. Services Section Block Pro extends it with more layout and styling controls for agencies, freelancers, local businesses, corporate sites, and landing pages. You can add and style service entries in the WordPress block editor without code.

Choose an icon from the built-in library or upload a PNG, JPEG, or JPG image. Start with a built-in template, then adjust colors and typography for service titles and descriptions in the editor’s right sidebar.

When the default layout needs more options

Pro unlocks Layout 2 through Layout 8, with various structures for presenting service items. Set padding and spacing for each side, customize borders by side, select a border style, and adjust width, color, and corner radius. Layout 8 also includes a decorative border layer behind the items that you can toggle and style.

Effects and link behavior

• Apply box shadows and hover transitions to service cards.
• Set animation direction for layout-specific designs, including Layout 4.
• Adjust the circle background’s opacity, including its opacity on hover.
• Enable links on a service item and apply them to its button, title, or entire box.
• Choose whether linked content opens in a new browser tab.

These options let a service overview lead visitors to relevant pages while keeping the cards’ appearance consistent with the rest of the website.

Add and configure the block

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 and choose icons from the library or upload your own images.
4. Choose a template, then adjust colors, typography, spacing, borders, and other settings in the right sidebar.
5. Publish the page when the section is ready.