Create your free account

GrowthTools widget

Before and after image slider: add it to your site today

A before and after comparison proves a result faster than a description. The slider lets visitors drag between the two images and see the difference for themselves.

Create your free before and after image slider Browse all 50 widgets

Live preview

What the before and after image slider does

Common ways to use a before and after image slider

Set up the before and after image slider in three steps

  1. Create your free GrowthTools account and open the dashboard.
  2. Add the before and after image slider from the widget library, then edit the text, colors and placement.
  3. Paste the install script into your site, publish, and check the widget on a live page.

Questions about the before and after image slider

Which view should I pick?

Use horizontal for side-by-side photos, vertical for tall images, and toggle when you want a simple switch.

Do the two images need to match?

Yes. Use images with the same framing so the comparison is easy to read.

Other widgets you can use

Business hours widget

Show your weekly opening hours with a live open or closed badge in your timezone. A business hours widget for shops and services.

Countdown timer with call to action

Add a countdown timer with a call to action button. Fixed deadline or evergreen timer, plus an expired message. Create urgency free.

Custom HTML bar

Build a top or bottom notification bar with rich HTML. Sticky bar option with full control over content and style. Create free.

Start with the before and after image slider on your site

Create your free account, customize the widget and publish it in minutes. Widget availability depends on your plan.

Create your free account
(platform widget: gt_before_after, default settings, id 1001)