Title: Section Separator Block – add stylish dividers between page sections
Author: bPlugins
Published: <strong>فروری 2, 2022</strong>
Last modified: اگست 9, 2026

---

پلگ انز تلاش کریں

![](https://ps.w.org/section-separator/assets/banner-772x250.png?rev=3623349)

![](https://ps.w.org/section-separator/assets/icon.svg?rev=3623349)

# Section Separator Block – add stylish dividers between page sections

 منجانب [bPlugins](https://profiles.wordpress.org/bplugins/)

[ڈاؤن لوڈ کریں](https://downloads.wordpress.org/plugin/section-separator.2.0.5.zip)

 * [تفصیلات](https://ur.wordpress.org/plugins/section-separator/#description)
 * [جائزے](https://ur.wordpress.org/plugins/section-separator/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/section-separator/#installation)
 * [ڈیولپمنٹ](https://ur.wordpress.org/plugins/section-separator/#developers)

 [معاونت](https://wordpress.org/support/plugin/section-separator/)

## تفصیل

**Break free from boring, flat layouts – add professional, eye-catching section 
dividers that guide the visitor’s eye and give your site a premium feel, no code
required.**

**[See Live Demos](https://bblockswp.com/demo/section-separator-all/)**

### Why Section Separator Block?

Traditional dividers are static and dull. **Section Separator Block** brings your
site to life with dynamic wave motion, scrolling marquee pills, geometric gradients,
and the unique Emoji Stack effect that makes your content pop.

This lightweight, high-performance Gutenberg block lets you add stunning separators
between sections in seconds. Whether you’re building a landing page, a portfolio,
or a high-converting marketing site, every separator type comes with responsive 
controls for desktop, tablet, and mobile.

### Free Features

 * **Multi-Layer Wave Separator:** Stack wave layers with different colors and opacities,
   control speed and amplitude, and flip waves vertically for top or bottom placement.
 * **Icon Separator (fully featured):** Classic dividers with SVG support – choose
   from a library or paste your own custom icons, with solid, dashed, or dotted 
   lines, adjustable thickness, and left/center/right alignment.
 * **Emoji Stack Separator:** Use any emoji to create a patterned stack with density,
   randomness, and hover animation controls – layout stays consistent across page
   loads.
 * **Bold Gradient Separator (basic):** Combine solid colors with CSS gradients 
   and edit item text directly in the editor with RichText.
 * **Responsive Controls:** Fine-tune every separator for desktop, tablet, and mobile.
 * **Centralized Management:** Manage all separators via the "Section Separator”
   post type.

### Pro Version

 * **Premium Wave Presets:** Ocean, Neon Glow, Fire, and Sunset.
 * **Animated Pill Separator:** Infinite marquee of scrolling pill labels – edit
   text, colors, rotation, and shadows for every pill, plus global track padding,
   background, and spacing controls.
 * **Advanced Wave Motion:** Bounce, Invert, and custom directions (Left-to-Right,
   Right-to-Left, Static).
 * **Complex Patterns:** High-end geometric overlays for gradients – stripes and
   organic shapes.
 * **Priority Support:** Direct help from our expert developers.

### How to Use – Quick Start

 1. Install and activate the **Section Separator** plugin.
 2. Open the Gutenberg editor.
 3. Add the **Section Separator** block from the Widgets category.
 4. Customize settings from the right-side block panel.
 5. Enjoy beautiful section dividers!

### Use Cases

 * **Landing Pages:** Create "sticky” designs that keep users scrolling.
 * **Portfolios:** Showcase your work with creative, modern separators.
 * **E-commerce:** Highlight trust badges or features using the Pill Marquee.
 * **Blogs:** Add a touch of personality to your long-form content.

Did you find a bug or have a feature request? [Please share your feedback with us](https://ur.wordpress.org/plugins/section-separator/support@bplugins.com?output_format=md)

### Check Out the Parent Plugin

[**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool
for Gutenberg.

### Check Out Our Other WordPress Plugins

[**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display
videos as single and playlist in multiple skins.

[**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF 
files with different styles.

[**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen
audios with awesome visuals.

[**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable
radio player with different skins.

[**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 
3D products with interaction.

[**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – 
Show posts and custom posts in different layouts.

## اسکرین شاٹس

[⌊Wave Settings⌉⌊Wave Settings⌉[

Wave Settings

[⌊Wave Separator (Default)⌉⌊Wave Separator (Default)⌉[

Wave Separator (Default)

[⌊Icon Separator⌉⌊Icon Separator⌉[

Icon Separator

[⌊Bold Gradient Separator⌉⌊Bold Gradient Separator⌉[

Bold Gradient Separator

[⌊Pill Separator with marquee animation⌉⌊Pill Separator with marquee animation⌉[

Pill Separator with marquee animation

## بلاکس

یہ پلگ ان 1 بلاک مہیا کرتی ہے۔

 *   Section Separator Separate the section in beautiful way.

## انسٹالیشن

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

 1. Go to **Plugins  Add New**.
 2. Search for **"Section Separator”**.
 3. Click **Install Now**, then **Activate**.
 4. Add the **Section Separator** block to any post or page from the Gutenberg editor.

**Manual installation:**

 1. Download the **Section Separator** plugin (_.zip file_).
 2. In your admin area, go to **Plugins  Add New** and click **Upload Plugin**.
 3. Choose the **`separator.zip`** file and click **Install Now**.
 4. Activate the plugin through the **Plugins** menu in WordPress and enjoy!

## عمومی سوالات

### Is it fast?

Yes! We use optimized SVG rendering and CSS-driven animations to ensure zero impact
on your site’s PageSpeed scores.

### Does it work with Elementor or Divi?

This is a native Gutenberg block. However, you can create your separator as a "Shortcode”
in our plugin dashboard and then paste that shortcode into ANY page builder (Elementor,
Divi, Beaver Builder, etc.).

### Can I use my own icons?

Absolutely! The Icon Separator supports custom SVG code, giving you unlimited design
freedom.

### Is it responsive?

Every single separator type has built-in controls for Desktop, Tablet, and Mobile
to ensure your site looks perfect on every screen.

### What separator types are included?

The plugin includes Wave, Icon, Emoji Stack, and Bold Gradient separators in the
free version. The Pro version adds the Animated Pill marquee separator plus premium
wave presets and advanced motion options.

### Is the Emoji Stack separator free?

Yes. The Emoji Stack separator is fully free and customizable – pick any emoji, 
control density and randomness, and add hover animations.

### Where do I manage my separators?

All separators are managed centrally via the "Section Separator” post type, and 
you can also customize each block directly from the right-side panel in the Gutenberg
editor.

## جائزے

There are no reviews for this plugin.

## شراکت دار اور ڈیویلپرز

“Section Separator Block – add stylish dividers between page sections” اوپن سورس
سافٹ ویئر ہے۔ مندرجہ ذیل لوگوں نے اس پلگ ان میں حصہ لیا:

شراکت دار

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

[“Section Separator Block – add stylish dividers between page sections” کا اپنی زبان میں ترجمہ کریں۔](https://translate.wordpress.org/projects/wp-plugins/section-separator)

### ڈویلپمینٹ میں دلچسپی ہے؟

[کوڈ براؤز کریں](https://plugins.trac.wordpress.org/browser/section-separator/)،
[ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/section-separator/) کو 
چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/section-separator/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/section-separator/?limit=100&mode=stop_on_copy&format=rss)۔

## چینج لاگ

#### 2.0.5 – 09 June 2026

 * Fix: Removed static imports of block editor packages from frontend scripts which
   caused 401 unauthorized errors.

#### 2.0.4 – 02 June 2026

 * Fix: Fixes emoji settings UI spacing
 * Improvement: Load pill typography styles and Google Font links only when separator
   is `pill`

#### 2.0.3 – 11 May 2026

 * New: Introduced the **Emoji Stack** separator – fully free and customizable!
 * Improvement: Refined block metadata and improved performance.

#### 2.0.2 – 23 Feb 2026

 * Update: Redesigned and modernized admin dashboard interface.

#### 2.0.0 – 23 Dec 2025

 * Added four new aesthetic wave presets: Ocean, NeonGlow, Fire, and Sunset.
 * Added support for controlling wave amplitude (height/intensity).
 * Added Wave Direction options: Left-to-Right (ltr), Right-to-Left (rtl), Invert,
   Static, Bounce.
 * Added vertical flip option to invert wave direction vertically.
 * Added a brand-new Separator Type: Pill, featuring colorful floating pill labels.
 * Pill separator includes smooth infinite marquee animation with customizable duration/
   speed.
 * Each pill supports individual customization: Background color, Text color, Label
   text, Rotation angle.
 * Global style controls for the pill track: Padding, Margin, Background, spacing/
   gap.
 * Individual pill item styling controls: Padding, Shadow, Typography, Border, Border
   Radius.
 * Added a brand-new BoldGradient Separator combining editable pill-style items 
   with pattern and wave overlays.
 * Background Type control: Both, Pattern, Organic, or None.
 * Organic Waves Controls: Enable/disable, Top & Bottom Opacity, Wave Height, Color
   Mode (Solid/Gradient), Gradient Options (Start Color, End Color, Direction: Horizontal,
   Vertical, Diagonal).
 * Pattern Controls: Toggle visibility, Opacity, Configure Angle, Transparent Gap,
   Stripe Colors, and Distances.
 * Dynamic Gradient Items: Inline RichText editing, Add/Duplicate/Remove items, 
   Per-item color control.
 * Gradient Item Styling Controls: Padding, Border, Border Radius, Shadow.

#### 1.0.5 – 27 Nov 2025

 * Improve Optimization.

#### 1.0.4

 * Add translate feature

#### 1.0.3

 * Fix Render Issue

#### 1.0.2

 * Reduce PHP Code
 * Performance Improvements

#### 1.0.1

 * Reduce PHP Code

#### 1.0.0

 * Initial Release.

## میٹا

 *  Version **2.0.5**
 *  Last updated **2 دن پہلے**
 *  Active installations **100+**
 *  WordPress version ** 6.5 یا اس سے جدید **
 *  Tested up to **6.9.6**
 *  PHP version ** 7.1 یا اس سے جدید **
 *  Language
 * [English (US)](https://wordpress.org/plugins/section-separator/)
 * Tags
 * [divider](https://ur.wordpress.org/plugins/tags/divider/)[Gutenberg block](https://ur.wordpress.org/plugins/tags/gutenberg-block/)
   [section divider](https://ur.wordpress.org/plugins/tags/section-divider/)[separator](https://ur.wordpress.org/plugins/tags/separator/)
   [shape divider](https://ur.wordpress.org/plugins/tags/shape-divider/)
 *  [اعلی درجے کا منظر](https://ur.wordpress.org/plugins/section-separator/advanced/)

## درجہ بندیاں

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/section-separator/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/section-separator/reviews/)

## شراکت دار

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

## معاونت

گذشتہ دو ماہ میں مسائل حل ہوئے:

     1 میں سے 1

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/section-separator/)

## عطیہ دیں

کیا آپ اس پلگ ان کی ترقی میں معاونت کرنا چاہتے ہیں؟

 [ اس پلگ ان کو عطیہ دیں ](https://www.buymeacoffee.com/abuhayat)