This is an info Alert.
x402 Logo
  • Product
    • Become Agent-Ready
      • Merchants
        Agentic Commerce — list your store across ChatGPT, Gemini, Claude & Perplexity
      • Publishers
        Monetize your content when AI agents read, cite, or train on it
      • SaaS Companies
        Treat AI agents as first-class customers with agent-priced checkout
    • Monetize
      • Monetize MCP Server
        Charge per call on any MCP server in 2 minutes
      • Monetize AI Agents
        Turn n8n, Zapier, Activepieces workflows into revenue
      • Agent Feed
        Pay-per-query access to licensed publisher content for your agents
  • Resources
    • xpay Ecosystem
      • xpay✦ Tools
        1,000+ pay-per-use tools for your AI agents
      • Agent-Ready SaaS Index
        25,481 SaaS scored on agent-buyability
      • SaaS Pricing Database
        Pricing pages indexed across 1,000+ categories
      • Shopify Apps Directory
        Every Shopify app, with its full review history
      • WooCommerce Plugins Directory
        Every WooCommerce plugin, scored on how well it is maintained
      • GitHub
        Open source repositories
    • Agent Building
      • Agent Frameworks
        AI frameworks for building multi-agent systems
      • x402 Integration
        AI frameworks with x402 payment integration
      • Networks
        Blockchain networks supporting x402
    • Company
      • About xpay✦
        Our mission, products, and protocols
      • Blog
        Latest insights and updates
      • Docs
        Complete xpay documentation
  • Pricing
  • Blog
  • Docs
Get Started

  1. xpay✦ Commerce

  3. Directory

  5. WooCommerce plugins

  7. Before After Image

Before After Image

Before After Image with a draggable handle. Works with Elementor, WooCommerce, and shortcode.

900+ active installs
5.0
(3 ratings)
Free on WordPress.org
View on WordPress.orgSupport forum
Will this break my store?

What the WordPress.org registry says about keeping Before After Image running.

WordPress compatibility
Tested to 7.0.2
Tested against the WordPress branch in use today.
Last updated
2 months ago
At least 5.4 releases a year since launch. WordPress.org only lists versions still available for download, so the real number may be higher.
Requires PHP
5.6
Your host must be running at least this version.
Requires WordPress
6.2
Contributors
2
900+ active installsWordPress.org reports installs in bands, not exact counts.
Maintenance & trust

Scored on how Before After Image is looked after — not on how many stores run it.

95

out of 100
Well maintainedSome ratings or support history.
Maintenance
35 / 35
Updated 52 days ago.
WordPress compatibility
20 / 20
Tested to WP 7.0.2 (current).
Support responsiveness
Not enough data
Only 0 support thread(s) — not enough to judge.
Merchant satisfaction
11 / 15
5.0/5 across 3 rating(s).
Listing transparency
10 / 10
Provides: screenshots, description, homepage
1 of 5 measures had too little evidence to score. They are left out of the total rather than counted as zero — otherwise a plugin would be marked down for being small rather than for being poorly kept.Measured 2026-08-02 from the WordPress.org plugin registry.
Ratings

5.0

3 ratings
5★3
4★0
3★0
2★0
1★0
Every rating WordPress.org holds for this plugin, not a sample. Written reviews live in the plugin's WordPress.org reviews forum.

Before After Image lets visitors drag a handle to compare two images side-by-side.

Works in three ways — use whichever fits your site:

  • Shortcode — You can you shortcodes on any post or page. Use the built-in shortcode builder to generate shortcodes easily.
  • Elementor widget — drag and drop the widget onto any page with full style controls.
  • WooCommerce — attach a before/after comparison to any product directly from the product editor.

View Demo

Full usage instructions, shortcode options, and WooCommerce setup steps are available inside the plugin under the Before After Image menu.

Key Features

  • Works standalone via shortcode — Elementor and WooCommerce are both optional
  • WooCommerce product integration with per-product settings
  • Elementor widget with full style controls
  • Horizontal and vertical orientation
  • Handle movement by drag or mouse hover
  • Customisable before/after labels (on hover, always, or never)
  • Enable/disable overlay
  • Default handle offset position
  • Six handle styles
  • Handle types: Arrows or Text
  • Slider colour — white or black (line, handle, and arrows)
  • Image size option
  • Typography and colour options (Elementor)
  • Touch and pointer-event support

Before After Image Pro

Want more features? Check out Before After Image Pro:

  • Auto-Slide Animation — Grab attention with an automatically sweeping handle. Configure speed and pause-on-hover behavior.
  • 3-Image Comparison — Show before, during, and after with two draggable handles.
  • Full-Screen View — Let visitors zoom in with a button to expand the slider to full screen.
  • Custom Colors — Fine-tune the line, circle, and arrows independently to match your brand.
  • Rounded Corners — Add subtle to fully rounded corners for a polished look.
  • Shortcode Manager — Save and reuse slider configurations with [mbai_preset id="..."] shortcodes.
  • Premium Support — Get priority support and automatic updates.

Get Before After Image Pro

Does the plugin require Elementor?

No. The plugin works on its own via the [mbai_before_after_image] shortcode. Elementor is optional — the drag-and-drop widget is available when Elementor is active.

Does the plugin require WooCommerce?

No. WooCommerce is optional. When active, a meta box appears on each product so you can enable the comparison widget per product.

Does this plugin work with all themes?

Yes.

Where do I find the shortcode options?

Open the Before After Image menu and click the Shortcode tab for a full list of options with descriptions.

Categories
Page builders & blocks
Plugin details
Version3.0.2
Last updated2026-06-11 5:06am GMT
Added2022-09-08
Requires WordPress6.2
Tested up to7.0.2
Requires PHP5.6
Tags on WordPress.org
before-after-image
comparison
elementor
shortcode
woocommerce
Alternatives
Other plugins in the same categories.
Essential Addons for Elementor – Popular Elementor Templates & Widgets
2M+ installs
4.9(4,102)
Dynamic Visibility for Elementor
50K+ installs
4.6(88)
Better Post & Filter Widgets for Elementor
3K+ installs
5.0(18)
Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns
200K+ installs
4.9(211)
No Gutenberg – Disable Blocks Editor and Global Styles – Back to Classic Editor
9K+ installs
5.0(16)
Element Pack Addons for Elementor – Elementor Widgets, Elementor Templates, Elementor Addons
100K+ installs
4.7(284)
x402 Logo

The agent-readiness stack for the AI shopping era — helping merchants, publishers and SaaS companies get discovered, cited and transacted with by ChatGPT, Perplexity, Claude, Gemini and the custom shopping agents underneath them.

CompanyAgentically Inc. (d/b/a xpay✦)1875 Mission St, Ste 103San Francisco, CA 94103, United Stateslegal@xpay.sh · privacy@xpay.sh
or ask your AI app
Company
About xpayAgency PartnersGitHubDiscordllms.txt
DevelopersDocumentationAPI ReferenceSDKs & LibrariesQuickstart GuideOpenAPI Spec
Stay Updated
Occasional product updates and agent-readiness playbooks from xpay (Agentically Inc.) — typically a couple of emails a month. Double opt-in: we email you a link to confirm before sending anything, and every email has one-click unsubscribe.
Social
  • For Publishers
    • News
    • Finance
    • Dev / Tech
    • Travel
    • View all verticals
  • Agent Feed
    • AI Search Engines
    • RAG Builders
    • Browser Agents
    • Vertical Research
    • Browse full catalog
  • Agent-Ready Index
    • SaaS Pricing Database
    • Agent-Ready SaaS Index
    • Verified band
    • AI & ML
    • Sales & CRM
  • Products
    • Pricing Widget
    • Monetize MCP Server
    • Paywall
    • Smart Proxy
    • Monetize AI Agents
    • xpay x402 Facilitator
  • Agentic Economy
    • Timeline
    • Resources
    • Manifesto
    • Stack
  • Agentic Commerce
    • Get listed
    • ChatGPT Ads
    • How ChatGPT Ads work
    • ChatGPT Ads · Apparel
    • ChatGPT Ads · Health & Beauty
    • xpay Listings · Amazon + Google
    • Pricing
    • Free audit
    • Shopify
    • WooCommerce
    • Apparel & Accessories
    • Health & Beauty
    • Overview
  • Commerce Index
    • Shopify apps directory
    • Agentic Commerce Ready Index
    • Methodology
    • Pet brands · WooCommerce
    • Pet brands · Shopify
  • Marketplace
    • 🛍️ xpay.deals — agentic storefront for deals
  • Protocols
    • Overview
    • x402
    • MPP
    • UCP
    • ACP
    • AP2
    • TAP
    • A2A
  • Agent Frameworks
    • Overview
    • LangChain
    • CrewAI
    • Claude MCP
    • AutoGPT
    • LangChain vs Mastra
    • LangGraph vs Pydantic AI
  • Company
    • About xpay
    • Blog
    • Docs
    • GitHub
  • Free prompts
    • Ecommerce prompts
    • Email marketing prompts
    • Product description prompts
    • Facebook ad prompts
    • Skincare prompts
    • Supplement prompts
    • Wine prompts
    • Electronics prompts
© 2025 Agentically Inc. All rights reserved.
Privacy PolicyTerms of UseAcceptable Use Policy