Welcome to the Services Section Block documentation. Here you will learn how to showcase what your business offers in a clean row of service cards.
Start with Getting Started to install the plugin and activate your license. How To Use then covers layouts, columns, card styling, typography, and links, and shows how to reuse a section with a shortcode. The FAQs answer common questions.
You can easily showcase your services with the Services Section Block.
Add as many service items as you need, then set the title, description, and icon or image for each one. The layout and styling controls let you match the section to the rest of your site.
To use Services Section Block, your site needs:
Choose any one of the three installation methods below.
Find and install the plugin without leaving your dashboard.
When it is installed, click Activate to switch Services Section Block on.
Upload the zip file manually if you already have it on your computer.
Install the block straight from the editor while you are building a page.
On first activation, Services Section Block shows a brief guided setup.
Click Allow & Continue to subscribe to our newsletter and stay up to date with plugin updates and news.
You are then taken to the plugin dashboard.
Have Services Section Pro? Activate your license to unlock the extra service blocks.
Go to Plugins » Services Section Block » Active License.
Next, head over to How To Use to build your first services section.
You can easily showcase your services with the Services Section block.
Add as many service items as you need, then set the title, description, and icon or image for each one. The layout and styling controls let you match the section to the rest of your site.
You can find Services Section Block in the block library and add it to any section of your page. Services Section Pro gives you 8+ extra service blocks if you want a different layout.
The block arrives with a default design that you can edit right away.
Select the block, and its settings open in the sidebar on the right.
You can choose from nine layouts: Default and Layout-1 through Layout-8. Pick the one that suits your site best. Keep in mind that some settings change when you switch to a different layout.
You can set how many cards appear in a row, with separate values for desktop, tablet, and mobile. Column Gap and Row Gap control the space between the cards, while Background and Padding apply to the section as a whole.
You can round the card corners, add a border, and apply a shadow. Hover effects are available too, so the cards react when someone points at them.
You can set the font size, text color, and hover color for the card title and description. Each one has its own settings for different screen sizes.
You can make the whole card, just its title, or the button clickable, and choose whether the link opens in the same tab or a new one.
You can display a services section anywhere on your site with a shortcode.
Build the section once, then paste its shortcode into any page, post, or widget instead of rebuilding it each time.
Go to the dashboard menu and click Add New Service.
The block editor opens, where you can build and style the section. When you are happy with it, click Save and copy the shortcode shown on the page.
Now go back to the dashboard menu.
Paste the shortcode into any page, post, or widget area where you want the section to appear. Use the live preview to check how it looks before you publish.
Publish or save the page, then visit your site to see the result.
It is a custom Gutenberg block that displays your services as a set of cards. You can use it for services, features, offerings, or any other content you want to present that way.
It works with any theme that supports the Gutenberg block editor.
Yes. The section adapts to desktops, tablets, and mobile screens.
Yes. You can change the layout, spacing, typography, colors, borders, shadows, and hover effects to match your site.
Yes. Nine layouts are available: Default and Layout-1 through Layout-8.
Yes. Each card can show an icon or an image alongside its title and description.
Yes. You can link the whole card, its title, or the button, and control how the link opens.
Yes. Font size, text color, and hover color can be set for titles and descriptions, with separate values for each screen size.
Yes. You can set how many cards appear in each row, the gap between them, and the padding around the section.
Install and activate the plugin, then add the block from the Gutenberg editor. Choose a layout, fill in your service content, adjust the settings in the sidebar, and publish the page.