Description
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
- 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
- Install and activate the Services Section Block plugin.
- In the Gutenberg editor, add the Services Section block from the Widgets block category.
- Add your services, choose icons from the library or upload your own images.
- Pick a template and adjust colors and typography from the right-side settings sidebar.
- 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.
Captures d’écrans
Blocs
Cette extension fournit 11 blocs.
- Services Section Selector Choose and display your favorite services layout
- Vertical Timeline Vertical process timeline with a gradient rail, circular icons, and hover-sliding cards.
- Layered Cards Cards sitting on an offset accent layer that slides further out on hover.
- Centered Circle Circular ringed icons with a rotating dashed ring, title and description — with an optional connector line between steps.
- Minimal Features Minimal feature grid with top-left icons, accent bar, and a clean, refined palette.
- Ribbon Cards Cards with a folded corner ribbon label, a soft tinted icon tile and a lift-on-hover shadow.
- Services Section Display your business services in a clean, responsive, and customizable section.
- Elegant Cards An editorial showcase: centred eyebrow and serif heading above ringed-icon cards that lift on hover.
- Glow Cards Dark premium cards with corner glow, tinted icon, and sliding arrow on hover.
- Feature Spotlight Dark premium feature tiles with gradient icons, corner glow, and hover arrow.
- Service Service item for services.
Installation
From your WordPress dashboard (recommended):
- Go to Plugins Add New.
- Search for « Services Section ».
- Click Install Now, then Activate.
- In the Gutenberg editor, search for the Services Section block and add it to any post or page.
Manual installation:
- Download the Services Section plugin (.zip file).
- In your admin area, go to Plugins Add New Upload Plugin, choose the
services-section.zipfile, and click Install Now. - Activate the plugin through the Plugins menu in WordPress.
FAQ
-
Is Services Section Block free?
-
Yes, Services Section Block is a free Gutenberg block plugin. A Pro version with advanced layouts and styling controls is also available.
-
Does it work with any WordPress theme?
-
Yes, it works with any standard WordPress theme.
-
Can I use my own images as service icons?
-
Yes. If the icon you want is not in the built-in icon library, you can upload any image in PNG, JPEG, or JPG format and set it as a service icon.
-
Are there ready-made templates?
-
Yes. Several built-in templates are included so you can present your services quickly without designing from scratch.
-
Can I add links to service items?
-
Yes, in the Pro version you can enable links on items and choose where they apply – on the button, the title, or the entire box – and whether they open in a new tab.
-
Can I change block settings?
-
Yes, you can change all block settings from the right sidebar of the Gutenberg block editor.
-
How many times can I reuse the block?
-
You can use the block an unlimited number of times across posts and pages.
-
Where can I get support?
-
You can post your questions on the support forum here
Avis
Contributeurs/contributrices & développeurs/développeuses
« Services Section Block – present your services in clean grids and columns » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.
Contributeurs
Le développement vous intéresse ?
Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.
Journal des modifications
1.4.6 – 05 September, 26
- New: Added 8 New Blocks.
1.4.5 – 09 August, 26
- Updated:Added a modern and intuitive dashboard layout.
- New:Added 8 New Blocks.
1.4.4 – 09 April, 26
- Fixed: Class naming conflict and namespace resolution issue in LicenseActivation.
- Updated: Freemius SDK to latest version.
1.4.3 – 28 Feb, 26
- Update brand new dashboard with license activation support
1.4.2 – 24 Jan, 26
- Improved section title formatting in dashboard
1.4.1 – 04 Nov, 25
- update sdk
1.4.0 – 15 October, 25
- added modern dashboard and layout switch in toolbar
1.3.8 – 28 July 25
- updated admin dashboard page
1.3.7 – 20 May 25
- escapeHTML imported from common
1.3.6 – 6 May 25
- Improve Admin dashboard demo page
1.3.5 – 17 Feb 25
- Improve security
1.3.4 – 28 Dec 24
- Fix default image not found issue.
1.3.3
- Update font library
1.3.2
- Fix empty link
1.3.1
- Reduce assets load
1.3.0
- Remove the link if no link
1.2.9
- Add translate feature
1.2.8
- Fix HTML Render
1.2.7
- Reduce PHP Code
- Performance Improvement
1.2.6
- Fix the default icon issue.
1.2.5
- Reduce PHP Code
1.2.4
- Performance upgrade
1.2.3
- Performance upgrade
1.2.2
- Update theme and link position settings in the global
1.2.1
- Add an option for the link in the whole service element
1.2.0
- Add options for hover background
- Fix the upload icon
1.1.4
- Fix align issues
1.1.3
- Fix issues
1.1.2
- Add Templates
- Add more settings
1.1.1
- Fix align class
1.1
- Add Icon Upload Option
1.0
- Initial Release.