Thank you for choosing to purchase this module!
After you've purchased and installed the module, it will automatically be added to your HubSpot account.
You should be able see it under the Settings > Marketplace Downloads
For ease of reading, we've organized this documentation into three sections
- Installation
- Content options
- Design and styling
Let's explore each of them individually
1. Installation
Open any page where you like to display the Compare image module.
On the left panel, search the module and simply drag and drop it onto the page.
Great, you've just added the module, now let's personalize it.
2. Content options
➤ Add 'Before' image
➤ Add 'After' Image
➤ Add alt texts for both images
➤ Choose layout style
➤ Choose labels or captions
Use captions to add descriptive text or context or choose labels when you just want to highlight visual differences.
3. Design and styling
Use preexisting color options or add your own custom colors.
➤ Pre existing color options
➤ Custom colors for labels
➤ Add border to the container
If your images are light or blend into the background, simply add a border to make the slider stand out.
You can control border thickness, color and style from the style panel.