Image Split
Before/after image comparisons
Key Features
Available in all plans
Gutenberg block
Pick Before and After images, tune the ruler, and place labels without leaving the editor.
Shortcode
Use anywhere shortcodes run, with optional attributes for layout and styling.
Orientation
Horizontal or vertical comparison.
Ruler and labels styles
Line, bar, or circle; custom color and width. Before/After text with position, color, background, and font size.
Responsive & touch-friendly
Works on phones and tablets.
Accessibility
Keyboard and ARIA support.
Ready to try?
Premium Options
Use maximum options for the best experience!
WooCommerce support
Enable Image Split per product on the single product page
Elementor widget
Drop Image Split into Elementor-built layouts
Full customization
More options to override defaults per block, shortcode, or product
Ready to try?
Choose Your Plan
Free Plan
$0/forever
- Gutenberg block
- Shortcode
- Widget areas
- Orientation (horizontal/vertical)
- Ruler and labels styles
- Global defaults
- Keyboard and ARIA support
- Responsive & touch-friendly
- WooCommerce
Enable Image Split per product on the single product page - Elementor widget
- Full customization
Premium Plan
$29.99/year
- Gutenberg block
- Shortcode
- Widget areas
- Orientation (horizontal/vertical)
- Ruler and labels styles
- Global defaults
- Keyboard and ARIA support
- Responsive & touch-friendly
- WooCommerce
Enable Image Split per product on the single product page - Elementor widget
- Full customization
Frequently Asked Questions
Where are the global default settings?
Go to Settings → Image Split in your WordPress admin. Those defaults apply when you add a new block, shortcode, or other integration unless you override them.
What are the required shortcode attributes?
You must set before and after to two media library attachment IDs (integers).
Does Image Split work with lazy loading?
Yes. The slider is built to cooperate with common lazy-loading setups.
Is the comparison accessible?
The free version includes keyboard support and ARIA attributes so visitors can use the divider without a mouse where possible.
What does Premium add?
Premium adds WooCommerce product integration, an Elementor widget, and more options to customize each comparison. See Premium.
Where is the full documentation?
Keep in touch
Have a thought, complain or request?
Submit a form below.