Services Section Block – present your services in clean grids and columns

Present your services professionally with a polished “Our Services” section your clients will trust – built right in the block editor, no code required.

Services Section | Demos | Pricing

Why Services Section Block?

Services Section Block adds a new block to the Block Editor that lets you create a professional-looking services or “OUR SERVICE” section in minutes. It is very effective at presenting your services nicely, with many options to decorate your section using any colors you like.

Pick an icon from the built-in icon library (or upload your own PNG, JPEG, or JPG), start from a ready-made template, and fine-tune typography for titles and descriptions until the section matches your brand.

Free Features

• Icon Library: Select the icon of your choice from the built-in library, or upload any image in PNG, JPEG, or JPG format as a service icon.
• Built-in Templates: Start from ready-made templates whenever you want to present your services.
• Customizable Elements: Apply custom typography to the title and description.
• Color Options: Decorate your service section using any color you like.

Pro Version – Unlock Advanced Layouts & Styling

Get Pro Version

• Advanced Layout Variations: Unlock exclusive layouts (Layout 2 to Layout 8) with unique styles and structures.
• Pro-Level Padding & Spacing Controls: Set custom padding and spacing per side with more flexibility.
• Enhanced Border Customization: Full border controls including individual side styles and advanced radius options.
• Animation Direction Settings: Directional animation control for layout-specific designs like Layout 4.
• Border Div Customization (Layout 8): Toggle and style an additional decorative border layer behind items.
• Advanced Shadow Effects: Smooth box shadows and hover transitions for modern aesthetics.
• Flexible Linking Options: Enable links on items and choose where they apply – button, title, or entire box.
• Open in New Tab: Choose whether links open in a new browser tab.
• Opacity & Hover Opacity: Control the transparency of the circle background, including on hover.
• Radius & Border: Control corner roundness and customize border style, width, and color.

How to Use Services Section Block – Quick Start

1. Install and activate the Services Section Block plugin.
2. In the Gutenberg editor, add the Services Section block from the Widgets block category.
3. Add your services, choose icons from the library or upload your own images.
4. Pick a template and adjust colors and typography from the right-side settings sidebar.
5. Publish – enjoy!

Use Cases

• Agencies & Freelancers: Present design, development, or marketing services in a clean grid.
• Local Businesses: Showcase what you offer with icons and short descriptions.
• Corporate Sites: Build a polished “Our Services” page section with consistent branding.
• Landing Pages: Highlight key offerings with linked service cards (Pro).

Did you like this plugin? Do you have a feature request? Please share your feedback with us

⭐ Check out the Parent Plugin of this plugin-

🔥 B Blocks – Gutenberg blocks collection for WordPress.

⭐ Check out our other WordPress Plugins-

🔥 Html5 Audio Player – Audio player plugin for WordPress.

🔥 Html5 Video Player – Video player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

🔥 Document Embedder – WordPress Document Embedder Plugin.

🔥 3D Viewer – Display interactive 3D models on the web.

🔥 Advanced Post Block – Post Display Plugin for WordPress.