=== Services Section Block – present your services in clean grids and columns ===
Contributors: bplugins, abuhayat, freemius, shihabshamim
Tags: block, our service, services section, services template, service card
Tested up to: 7.1
Stable tag: 1.4.6
Requires PHP: 7.4
Requires at least: 6.5
Donate link: https://www.buymeacoffee.com/abuhayat
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Services section block for Gutenberg – build a professional "Our Services" section with icons, templates, layouts, and custom colors. No code needed.

== 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**](https://bplugins.com/products/services-section/) | [**Demos**](https://bplugins.com/products/services-section/#demos) | [**Pricing**](https://bplugins.com/products/services-section/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**](https://bplugins.com/products/services-section/pricing)

- **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](mailto:support@bplugins.com 'Send feedback')

### ⭐ Check out the Parent Plugin of this plugin-

🔥 **[B Blocks](https://bblockswp.com)** – Gutenberg blocks collection for WordPress.

### ⭐ Check out our other WordPress Plugins-

🔥 **[Html5 Audio Player](https://bplugins.com/products/html5-audio-player)** – Audio player plugin for WordPress.

🔥 **[Html5 Video Player](https://bplugins.com/products/html5-video-player)** – Video player plugin for WordPress.

🔥 **[PDF Poster](https://bplugins.com/products/pdf-poster)** – A fully-featured PDF Viewer Plugin for WordPress.

🔥 **[Document Embedder](https://bplugins.com/products/document-embedder)** – WordPress Document Embedder Plugin.

🔥 **[3D Viewer](https://bplugins.com/products/3d-viewer)** – Display interactive 3D models on the web.

🔥 **[Advanced Post Block](https://bplugins.com/products/advanced-post-block)** – Post Display Plugin for WordPress.

== Installation ==

**From your WordPress dashboard (recommended):**

1. Go to **Plugins → Add New**.
2. Search for **"Services Section"**.
3. Click **Install Now**, then **Activate**.
4. In the Gutenberg editor, search for the **Services Section** block and add it to any post or page.

**Manual installation:**

1. Download the **Services Section** plugin (*.zip file*).
2. In your admin area, go to **Plugins → Add New → Upload Plugin**, choose the **`services-section.zip`** file, and click **Install Now**.
3. Activate the plugin through the **Plugins** menu in WordPress.

== Frequently Asked Questions ==

= 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](https://wordpress.org/support/plugin/services-section/)

== Screenshots ==

1. Add Block
2. Layout, Items & Elements Settings
3. Service Configuration
4. Default Layout
5. Layout 1
6. Layout 2
7. Layout 3
8. Layout 4
9. Layout 5
10. Layout 6
11. Layout 7
12. Layout 8
13. ShortCode
14. Centered Circle
15. Elegant Cards
16. Feature Spotlight
17. Glow Cards
18. Layered Cards
19. Minimal Features
20. Ribbon Cards
21. Vertical Timeline


== Changelog ==

= 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.