Services Section
The Services Section plugin provides a new Block Editor block to create a professional “Our Services” section. It effectively showcases your services with customizable color options for enhanced visual appeal.
It is very effective in presenting your services nicely. There are many options that you can use to decorate your service section using any color you like.
Trusted by more than 2,000+
active users across the world
Customers
Why Choose Services Section Block?
Services Section Block lets you showcase your services in beautiful grids or columns using Gutenberg, with full control over layout, design, and interactions.
The Problem with Traditional Service Layouts
- Limited layout options in themes
- Requires custom HTML/CSS for styling
- Hard to maintain consistency across pages
- Poor responsiveness on different devices
A Better Way to Showcase Services
Services Section Block gives you a complete service presentation system:
- Multiple ready-made layouts
- Flexible grid & column controls
- Icon, title, description, and link management
- Beginner-friendly UI with Pro-level power
Multiple Layout Variations
Choose from several predefined layouts to present services in grids or columns. Each layout offers a unique visual structure, perfect for different design needs.
Fully Customizable Service Items
Control icon, title, description, background, padding, border, radius, and shadow for each service item individually.
Responsive Grid & Spacing Control
Set columns, column gap, and row gap separately for desktop, tablet, and mobile devices—ensuring perfect responsiveness everywhere.
Advanced Styling & Interactions
Unlock hover backgrounds, animations, advanced shadows, decorative border divs, and interactive effects for a modern, premium look.
Smarter Services Section That Looks Great and Just Works
Multiple Grid & Column Layouts
Create service sections using grid-based layouts with flexible column control.
Built-in Service Templates
Use ready-made templates to quickly create professional service sections.
Inner Service Block Support
Each service item is an inner block with its own independent settings.
Icon Library & Icon Upload
Choose icons from the built-in icon library or upload custom icons (PNG, JPG, JPEG).
Icon Styling Controls
Customize icon size, background, border, hover color, and spacing.
Title & Description Controls
Show or hide title and description with full typography and color options.
Responsive Controls
Adjust columns, spacing, typography, and layout per device (desktop, tablet, mobile).
Background & Hover Background
Set normal and hover backgrounds, including image and gradient support.
Border, Radius & Shadow
Add borders, rounded corners, box shadows, and hover shadows for depth.
Animation Direction
Control animation direction for supported layouts like Layout 4.
Decorative Border Div
Enable and style an additional decorative border layer (Layout 8).
Circle Before Effects
Add circular background effects with opacity and hover opacity control (Layout 3).
Flexible Linking Options
Enable links on service items and choose where links apply—box, title, or button.
Open in New Tab
Control whether service links open in a new browser tab.
Gutenberg Native UI
Built fully for the Block Editor with an intuitive and familiar interface.
Testimonials
What Our Customers Say to Us
Explore the Interface,
Settings & Preview Screens
FAQs
Save 90%