A beautiful Before After Slider in a single module
This module has many custom features that allow you to control how the before and after slider looks. Add as many as you want to your Hubspot CMS Theme or web page!
2 Custom Images to Compare
Use your own custom images that you can slide between to reveal something. Optional Title and Sub-Title for context above the slider as well!
Single Flexible Module
Designed to be like a Common module that can be added into any current HubSpot Theme or Drag-and-Drop area on a web page.
Optional Overlay Color
Add an optional custom color and opacity (transparency) on top of both images to match branding.
Optional BEfore After Tags
Reveal contextual before and after tags whenever someone hovers on the image - or turn it off!
Module Showcase
Below are examples of this module embedded and functioning as expected on this demo page, which is built on HubSpot!
Single Module Example
Add as many to your page as you like. This is the default module that you get right out of the box when you purchase this module from the HubSpot Marketplace!
Optional H2 Title
Optional H3 sub-title goes here
The images can have a color overlay and the hover tags can be turned off.
Compare these side-by-side below:
Example A Options
Overlay OFF, Tags OFF, No Margin 50px Top/Bottom
Example B Options
Overlay ON 40%, Tags ON, Margin 50px top/bottom
Frequently Asked Questions
Can I add more than one module to a page?
Yes! You can add as many modules to a page as you like.
Can I use a custom overlay color on the module?
Yes, but you can only set one color per module. Be sure to set the opacity to more than 0% as well to have the color you choose show up on the module.
What if I need support? Who do I contact?
We fully support all of our customers and want you to have a great experience. If you have any issues please reach out to templatesupport@beginbound.com and we'll respond within 24 hours.
Can I use the module on more than one portal?
No. You must purchase a new module for EACH portal you use it on. This is just the standard requirement of all modules on the HubSpot Marketplace. Attempts to transfer or copy code are tracked within the system and any offending HubSpot portal could be suspended or shut down as a result.
What is a "single module?"
A single module is like HubSpot's Common modules (e.g. Rich Text, Customoizable Button, etc). When you drag it onto your page, it will not cover a full-width area. It's meant to be added to a pre-existing structure you already have in your design/theme/page. If you need something to be full-width for the full section, we have an alternative module for this called "Before After Full-Width Slider & Tabber."
