PlexBlocks – Before After Image Comparison for block editor

Before After for Gutenberg plugin banner showing an interactive image comparison slider with renovated room before and after example, customizable Gutenberg block by PlexBlocks.

Add an interactive before-and-after image comparison block to your WordPress website with ease.

Before / After Plex Block helps users compare two images using a draggable slider handle directly inside the WordPress block editor. It’s perfect for showcasing transformations, product comparisons, renovation projects, photo edits, case studies, and more.

Whether you want to display design improvements, before/after transformations, or product comparisons — this plugin makes it simple and visually engaging.

Key Features

  • Easy before and after image selection
  • Interactive draggable comparison slider
  • Vertical comparison mode
  • Horizontal comparison mode
  • Custom before/after labels
  • Option to hide labels
  • Height control customization
  • Border radius settings
  • Custom color controls
  • Shadow styling options
  • Fully compatible with WordPress Block Editor (Gutenberg)

Why Use Before / After Plex Block?

This plugin helps businesses, creators, agencies, photographers, and developers present visual comparisons in a more interactive way.

Perfect for:
  • Photo editing showcases
  • Home renovation projects
  • Product comparisons
  • Website redesign comparisons
  • Marketing campaigns
  • Portfolio case studies
  • Medical/aesthetic transformations

Method 1: Install from WordPress Dashboard

  1. Login to your WordPress dashboard
  2. Navigate to Plugins → Add New
  3. Search for Before / After Plex Block
  4. Click Install Now
  5. Activate the plugin
  6. Add the block inside Gutenberg editor

Method 2: Manual Installation

  1. Download the plugin ZIP file
  2. Upload the plugin folder to: /wp-content/plugins/
  3. Activate the plugin through WordPress admin
  4. Open the block editor
  5. Insert the Before / After block

How It Works

  1. Add the Before / After block to your page/post
  2. Upload your “Before” image
  3. Upload your “After” image
  4. Customize slider orientation
  5. Edit labels if needed
  6. Publish your content

Share

Download