HubSpot Before/After Module

Before and After

A HubSpot before/after image comparison slider module, with a draggable divider handle to reveal two images.

Features

What this module does.

A before/after image comparison slider with a draggable divider handle to reveal two images. Every option below is a real, editable field in the HubSpot page editor.

01

Two images

(before/after) with optional labels and captions

02

Initial handle position, show/hide labels and captions

03

5 aspect ratios

(16:9, 4:3, 3:2, 1:1, 21:9), min/max height, border radius, box shadow

04

Full divider & handle styling

(color, width, handle bg/icon/border colors, size, shadow)

05

Label and caption color/size/padding controls

tablet + mobile breakpoints

Pricing

One-time price.

Buy it once on the HubSpot Marketplace. No subscription.

Before and After
$4.99one-time

One-time price on the HubSpot Marketplace. Works with any theme; every option is a field in the page editor.

  • Standalone HubSpot CMS module
  • Full Style tab so it matches your brand
  • Clean, documented HubL — no dependencies
  • Free updates and support
Get it on HubSpot
FAQ

Common questions.

What does Before and After do?

A HubSpot before/after image comparison slider module, with a draggable divider handle to reveal two images.

Do we need a developer to use it?

No. Once it is installed, every setting is a field in the HubSpot page editor, so your marketing team drops it into a page and edits it like any native module.

Can we match it to our brand?

Yes. Colors, fonts, spacing, and layout are all controlled from the module's Style tab and inherit your theme tokens, so it matches the rest of your site.

How much does it cost?

It is a one-time purchase of $4.99 on the HubSpot Marketplace. That includes free updates and support.