Deliver your services beautifully to clients with Services Section Block

Freemius

Abu Hayat

bPlugins

Charles Cormier

Md Shamim Islam

Professionally showcase your services. This plugin adds a new block in the Block Editor by which you can create a professional-looking service section or OUR SERVICE section.
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.
<a href="https://bblockswp.com/demo/services-section/" rel="nofollow ugc">Demos</a> | <a href="https://checkout.freemius.com/plugin/18628/plan/30791" rel="nofollow ugc">Get Pro</a>
<h4>Features</h4>
<ul>
<li>Icon Library: There is an icon library from which you can select the icon of your choice, or if that icon is not available in the library, you can upload any images in PNG, JPEG, or JPG format and set it as a service icon.</li>
<li>Built-in Templates: We have added several templates that you can use whenever you want to present your services.</li>
<li>Customize elements: Apply custom typography to the title and description</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>Advanced Layout Variations: Unlock exclusive layouts like Layout 2 to Layout 8 with unique styles and structures.</li>
<li>Pro-Level Padding & Spacing Controls: Set custom padding and spacing per side with more flexibility using Pro controls.</li>
<li>Enhanced Border Customization: Access full border controls including individual side styles and advanced radius options.</li>
<li>Animation Direction Settings: Enable directional animation control for layout-specific designs like Layout 4.</li>
<li>Border Div Customization (Layout 8): Toggle and style an additional decorative border layer behind items.</li>
<li>Advanced Shadow Effects: Apply smooth box shadows and hover transitions for more modern aesthetics.</li>
<li>Flexible Linking Options: Enable links on items and choose where they apply — on button, title, or entire box.</li>
<li>Open in New Tab: Choose whether links open in a new browser tab.</li>
<li>Opacity: Control the transparency level of the circle background.</li>
<li>Hover Opacity: Set the transparency when hovering over the circle.</li>
<li>Radius: Control the corner roundness of the box.</li>
<li>Border: Customize the border style, width, and color.</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Services Section Block plugin</li>
<li>Add the Services Section block from the block category called “widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For installation help click on Installation Tab
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>⭐ Check out the Parent Plugin of this plugin-</h3>
🔥 <a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – Best gutenberg blocks collections for WordPress.
<h3>⭐ Check out our other WordPress Plugins-</h3>
🔥 <a href="https://bplugins.com/products/html5-audio-player" rel="nofollow ugc">Html5 Audio Player</a> – Best audio player plugin for WordPress.
🔥 <a href="https://bplugins.com/products/html5-video-player" rel="nofollow ugc">Html5 Video Player</a> – Best video player plugin for WordPress.
🔥 <a href="https://bplugins.com/products/pdf-poster" rel="nofollow ugc">PDF Poster</a> – A fully-featured PDF Viewer Plugin for WordPress.
🔥 <a href="https://bplugins.com/products/document-embedder" rel="nofollow ugc">Document Embedder</a> – Best WordPress Document Embedder Plugin.
🔥 <a href="https://bplugins.com/products/3d-viewer" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models on the webs.
🔥 <a href="https://bplugins.com/products/advanced-post-block" rel="nofollow ugc">Advanced Post Block</a> – Best Post Display Plugin for WordPress.

Services Section Block – Showcase Service Details in Grid or Columns


This plugin does its job and it looks nice. What I didn't like about it is that it enqueues React in the frontend, which is unnecessary for that relatively simple functionality. For that, I decided not to use it in the future in order not to slow down sites. Also, block has its own styling which is different from block editor native styling which I am familiarized with. It is impossible to insert any block inside services cards, just predefined titles, subtitles and places for icons are possible.


Alternatives to Services Section Block – Showcase Service Details in Grid or Columns

Top alternatives