Before vs After Showcase

Written by Prince Suhagiya | Nov 11, 2025 12:06:34 PM

 

An interactive and visually engaging module designed to highlight transformations and comparisons effortlessly. Perfect for products, services, or features, it delivers a clear before and after view with style and flexibility.

 

1. How to Use

Installation: Navigate to Marketing > File & Templates > Design Tools > @marketplace > Shunyavkash folder to find the Before vs After Showcase Module. Install it.

 

 

Integration: In the Marketing section, choose Website Menu > Website Pages and add the "Before vs After Showcase" module to the page you want.

 

 

2. Content Customization

  • Before Image : Decide whether to choose an Image from your systerm upload in hubspot 
  • After Image : Decide whether to choose an Image from your systerm upload in hubspot 

  • Heading: Enter the Section title here.

  • Richtext: Describe the service in this section.

  • Tabs Label : Enter the Tab Label here.





 

3. Style Customization

Utilize the Style Group options to refine the Before vs After Showcase: