About Portfolio
Templates
Website Templates Webinar Page Templates Sales Page Templates Opt-in Page Templates Kajabi Widgets
Services
Website Creation Website Migration Sales Funnel Creation
Contact
Start your project

BEFORE & AFTER SLIDER 
FOR kajabi

A sleek way to visually compare two images - before and after. Ideal for showcasing transformations, progress, redesigns, or results.

 
Try Preview

Why Use the the Widget

Show Visual
Transformation

No matter the industry - this slider helps your audience instantly see what changed. It’s perfect for any before-and-after story, from fitness to interior design.

Boost Engagement
with Interaction

Instead of passive viewing, users interact by dragging - which keeps them more engaged and focused on your message.

Guide Attention to
What Matters

This slider puts two visuals side by side and invites comparison. You control the narrative and help your audience focus on the results that matter most.

Widget benefits

You’ve seen how flexible it is - now it’s your turn to use it.

Fits Any Type of Content

You can use images from any industry - fitness, design, beauty, tech, or more. The widget adapts beautifully to any context where before-and-after visuals make an impact.

Just Upload & Launch

No need for code, plugins, or long setups.
Simply upload two images - before and after - and the slider is ready to use. That’s it.

Mobile-Ready Without Extra Work

The slider automatically adapts to phones, tablets, and desktops - no extra setup or adjustments needed.

Buy now

See It in Action

Explore how the Before & After Slider can be used across different content types. These examples help demonstrate its versatility and visual impact.
Product Results

Showcase the “after” effect of your product - whether it’s skincare, cleaning, tools, or digital assets. Let customers see what changes before they buy.

Makeover / Renovation

Compare the “before” and “after” of a transformation - from interior design and landscaping to beauty and personal styling. Perfect for coaches, stylists, and creators.

Visual Steps or Process

Illustrate a step-by-step guide, method, or journey. Visitors can click each step to dive deeper - ideal for educational or onboarding flows.

How to Add the Slider
to Your Site

Adding the slider to your Kajabi site is simple - just follow these steps:

01

Complete Your Purchase
After checkout, you’ll receive an email with a zip file and easy-to-follow instructions. 

02

Import the
Page
Unzip the file and upload the ready-made Kajabi page into your site - the slider is already built-in.

03 

Customize Your Content
Replace the placeholder images and text with your own. No coding required - just edit as you normally would.

04

Duplicate and
Reuse
You can duplicate this page as many times as you like to reuse the slider across your site.
  • Note for Pro Plan users:

You’ll also receive a code version. If you have access to Modify Code, you can copy/paste the widget directly into any Kajabi page.

Ready to Use the Before & After Slider?

Buy Now

Have Questions? We’ve Got Answers

Have Questions? We’ve Got Answers

Ready to Use the 
Before & After Slider?

Give your Kajabi site a dynamic, modern look in just a few clicks - no coding required.
  • A ready-to-import Kajabi page with the widget already installed
  • A step-by-step installation guide
  • Bonus instructions for Pro users (copy/paste code option)
  • A customization guide to help you tailor the widget to your brand
Buy now for the best price $70 $35
Get Started