Documentation for HubSpot Modules 

Back to top

Introduction:
The Scroll Back to Top module is designed to enhance user experience by providing a quick and easy way for visitors to navigate back to the top of the page.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Scroll Back to Top" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from different styles to match your website's design.
• Position: Set the position of the scroll button on the page.
  
  

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is placed within the desired section of your page for optimal functionality.

Page Progress Bar

Introduction: The Page Progress Bar module is designed to enhance user engagement by displaying a visual indicator of the progress as visitors scroll through your webpage.

Installation:

1. Navigate to the HubSpot Marketplace.
2. Search for the "Page Progress Bar" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings to align with your website's design and requirements.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Position: Set the location of the progress bar on the page.
• Color: Customize the color scheme to complement your branding (gradient option available).
• Height: Adjust the height of the progress bar for optimal visibility.

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Banner Slider

Introduction:
The Banner Slider module is a versatile solution for adding visually appealing image sliders to your HubSpot website. With easy customization options and responsive design, it enhances the visual appeal of your web pages.

Installation

1. Visit the HubSpot Marketplace.
2. Search for the Banner Slider module.
3. Click "Install" to add the module to your HubSpot account.

Usage

1. Add Banner Slider to a Page:

   • Edit the page where you want to display the banner slider.
   • Add the Banner Slider module to the desired location.

2. Customization:

   • Upload banner images and add captions.
   • Adjust slider speed and transition effects.
   • Multiple slider effects
   • Include an overlay option for the banner based on the images and text color utilized.
   • Add unlimited number of images.
   • Slider speed adjustable option.
   • Arrows and dot color adjustable, with on/off option.
   • Scroll / Fade adjustable option
     

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Client reviews slider

Dynamic Impressions: Unleash the Potential of the Client Reviews Slider Module

Introduction:
Introducing the Client Reviews Slider Module—a dynamic and visually captivating way to showcase the positive experiences of your satisfied clients. This module seamlessly integrates into your HubSpot website, creating an engaging slider that effortlessly highlights glowing testimonials, ratings, and success stories. Capture the attention of your audience with a sleek and interactive display, allowing visitors to easily navigate through a carousel of client feedback. Elevate your brand's credibility and build trust with this modern and user-friendly Client Reviews Slider Module. Transform your website into a powerful tool for showcasing the positive impact your products or services have had on your valued clients.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Client reviews" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Add testimonials with corresponding ratings through the module's intuitive interface.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Testimonial Content: Add the testimonials shared by clients/users.
• Rating Input: Add rating star form 1 to 5
• Color: Customize the color scheme to complement your branding (gradient background option available).
  
• Client/user Headshot, name, description change option.
• Quote icon on/off and color change option
• Unlimited number of testimonial can be added.
• Module background gradient color/ background image update option available.
• Module header change/hide option
• Quote icon on/off and color change option
• Rating Input: Add rating star form 1 to 5
• Rating star color change option

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Expand and Collapse

Introduction:
The Expand and Collapse Accordion module provides an intuitive way to create accordion-style sections on your HubSpot website. With additional features for background image and color customization, this module allows you to create visually engaging and dynamic content sections.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Expand and Collapse" module.
3. Click "Install" to seamlessly integrate the module into your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Upload background images or choose colors for each accordion section.
   

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Locate the "Title" and "Content" fields in the accordion section settings.
• Input the desired title and content for each section.
• Find the "Icon Color" option in the settings.
• Select a color or enter a custom color code to change the icon color.
• Background Color: Module background gradient color/ background image update option available.
• Module header change/hide option

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Popup video

Introduction:
The Popup Video module enhances user engagement by providing a visually appealing way to showcase videos in a popup format on your HubSpot website. With additional features for background image and color customization, this module allows you to create an immersive video experience.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Popup video" module.
3. Click "Install" to seamlessly integrate the module into your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Showcase videos in a popup format to capture user attention.
4. Enhance the multimedia experience on your website.
5. Choose from a variety of options to align with your website's design.
6. Support for YouTube, Vimeo, and MP4 video sources.
7. Provide flexibility in choosing the platform that best suits your content.
8. Easily configure the video popup settings.
9. Upload a background image or choose a background color.
   
   

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Locate the "Title" and "Content" fields in the accordion section settings.
• Input the desired title and content for each section.
• Find the "Icon Color" option in the settings.
• Select a color or enter a custom color code to change the icon color.
• Background: Module background gradient color/ background image update option available.
• Module header change/hide option
• Parallax background option available

Usage

1. Add Popup Video to a Page:

   • Edit the page where you want to showcase a video.
   • Add the Popup Video module to the desired location.

2. Customization:

   • Easily configure the video popup settings.
   • Upload a background image or choose a background color.

Configuration Options

1. Video Source

Description: Select the source of the video you want to showcase in the popup.

1. Navigate to the video source settings.
2. Choose between YouTube, Vimeo, or MP4 as your video source.
3. Enter the video URL or upload an MP4 file accordingly.

2. Background Image

Description: Customize the background of the video popup with an image.

1. Find the "Background Image" option in the module settings.
2. Upload your desired background image or choose from the available options.

3. Color Options

Description: Choose and customize colors for the background of the video popup.

1. Navigate to the color options section in the module settings.
2. Select a color palette or enter custom color codes.
3. Apply the chosen colors to the background of the video popup.

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Flash Message

Introduction:
The Flash Message module is a customizable solution for displaying highlighted messages with icons on HubSpot websites. It offers various options for customization, including font size, animation speed, multiple background choices, and the ability to fix the message to the top of the page.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Flash Message" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Position: Set the location of the progress bar on the page.
• Color: Customize the color scheme to complement your branding (gradient option available).
• Font Size: Option to change the font size
• Animation Speed: Option to adjust the scroll speed
• Positioning: Toggle the option to fix the message to the top.
  

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Simple blog listing

Transform Your Blog Experience: Introducing Our Dynamic Post Showcase for free

Introduction:
Enhance your website's capabilities using our versatile Free 'Simple blog listing' module. This powerful tool enables you to effortlessly display your blog posts in an engaging fashion. 

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Simple blog listing" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Select the blog based on Recent Posts, Popular Posts.
5. Set the post layout as boxed or full width based on the option provided.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Background color or image option with overlay color over the image change option.
• Column layout option: We have 2 layout (col 1 & col 2) options available.
• Color: Customize the color scheme to complement your branding (gradient background option available).
• Module background gradient color/ background image update option available.
• Module header change/hide/show option
• Bottom Navigation option to navigate to the blog main page. we can on/off the CTA
• We have option to select Recent Posts, Popular Posts,
• Text color can be updated.
• Default featured image can be set for posts with out featured image.

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

If you're satisfied with the module, we'd greatly appreciate it if you could take a moment to share your feedback in a review. Your insights are invaluable to us and can help others make informed decisions. Thank you for your time and support!

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Blog posts layout

Transform Your Blog Experience: Introducing Our Dynamic Post Showcase

Introduction:
Enhance your website's capabilities using our versatile 'Blog posts layout' module. This powerful tool enables you to effortlessly display your blog posts in an engaging fashion. 

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Blog posts layout" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Select the blog based on Recent Posts, Popular Posts, Featured Tag
5. Set the post layout as boxed or full width based on the option provided.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• background color or image option with overlay color over the image change option.
• Layout option: We have 2 layout options available.
• Color: Customize the color scheme to complement your branding (gradient background option available).
• Module background gradient color/ background image update option available.
• Module header change/hide option
• Bottpm Navigation option to navigate to the blog main page. we can on/off the CTA
• We have option to select Recent Posts, Popular Posts, Featured Tag

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Testimonial with rating

Introduction:
The Testimonial with Rating module is designed to showcase user testimonials along with a rating system on your HubSpot website. It allows you to highlight positive feedback from your customers, providing a dynamic and engaging way to build trust.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Testimonial with rating" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Add testimonials with corresponding ratings through the module's intuitive interface.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Testimonial Content: Add the testimonials shared by clients/users.
• Rating Input: Add rating star form 1 to 5
• Color: Customize the color scheme to complement your branding (gradient background option available).
  
• Client/user logo on/off and change option.
• Client/user Headshot, name, description change option.
• Quote icon on/off and color change option
• Unlimited number of testimonial can be added.
• Module background gradient color/ background image update option available.
• Module header change/hide option

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Introduction:

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Logo Carousel" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Add unlimited logos with link using module's intuitive interface.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Logo: Unlimited logos can be added.
• Rating Input: Add rating star form 1 to 5
• Colors: Customize the color scheme to complement your branding (gradient background option available).
  
• Single logo link add/change option.
• Module background gradient color/ background image update option available.
• Module header change/hide option
• Slider arrow/dot icon on/off and color change option.
• Multiple row's can be added
• Option to update the number of logos can be visible on load.
• Whether it's a desktop or mobile, logos always shine.
• Slider can be optimised using multiple steps.
• Trust in its seamless performance within the HubSpot environment.

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Introduction:

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Location Map" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Add Map iframe code with address locations.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Iframe: You can get the iframe of your location from the map directly and add it to the location field.
• Address: Customise the address section with multiple details
• Colors: Customize the color scheme to complement your branding (gradient background option available).
  
• Full width map option.
• Address box on/off option.
• Option to change map color to Grey
• Address box background gradient color change option.
• Module header change/hide option.
• Iframe height adjust option.
• Map overlay layer can be added.
• Whether it's a desktop or mobile, Location map always shine.
• Trust in its seamless performance within the HubSpot environment.

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Introduction:

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Typewriter banner" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the layout, color scheme, and typography to match your website's design.
4. Customise the banner header texts and background image you need

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Dynamic Text Animation: Effortlessly create banners with text that comes to life, as if typed in real-time.
• Colors: Customize the header colors accordingly.
• Customization Options: Tailor the speed, font, and styling to match your brand's aesthetic seamlessly.
• Responsive Design: Ensures a consistent and stunning experience across all devices.
• Easy Integration: Simply drop the module into your HubSpot template and start captivating your audience immediately.
• Parallax background option
• Banner overlay color layer can be added and adjusrted.
• Whether it's a desktop or mobile, Location map always shine.
• Trust in its seamless performance within the HubSpot environment.

Ideal Use Cases:

• Homepage Banners: Grab attention with eye-catching introductory messages.
• Product Highlights: Showcase key product features in a memorable way.
• Event Announcements: Make event details memorable with animated announcements.

Why Choose Typewriter Banner?

The Typewriter JS Banner module is not just a visual enhancement but a storytelling tool. Craft narratives, highlight key messages, and create a memorable user experience that leaves a lasting impression on your visitors.

Elevate your website aesthetics today with Typewriter JS Banner!

Get started and make your content stand out!

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Note: Ensure that the module is appropriately placed to provide accurate progress tracking as users scroll through your content.

Announcement bar

Introduction:
Elevate your website's engagement and conversion rates with the Announcement Bar with CTA Module, exclusively designed for HubSpot users. Seamlessly integrated into HubSpot's CMS platform, this module empowers you to create eye-catching announcement bars with compelling calls-to-action (CTAs) to effectively communicate with your audience and drive desired actions.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Announcement bar" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Load banner only once: Option to load banner only once.
• Color: Customize the color scheme to complement your branding (gradient option available).
• Font styles: Option to change the font size and color.
• CTA hide/show option.
• Close button to close the annoncement bar
• Close button style: Option to adjust the close button styles
  

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Image slider

Introduction:
Enhance your website's visual appeal with our fully responsive Image Slider HubSpot module. Ideal for showcasing images on any device, this slider offers seamless functionality and customization.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Image slider" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Color: Customize the color scheme to complement your branding.
• Module header hide/show option.
• Option to adjust  Slider column count
• Option to popup images as gallery.
  
  

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Breadcrumbs

Introduction:
Transform your website into a visual masterpiece with the Breadcrumbs. This dynamic and highly customisable module enables you to display page links in a modern layout, ensuring a stunning and engaging presentation of your visual content. 

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Breadcrumbs" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Color: Customize the color scheme to complement your branding.
• Option to adjust  Breadcrumbs count
  
  

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Features Listing

Introduction:
Transform your website into a visual masterpiece with the Features Listing module. This dynamic and highly customizable module enables you to list features in a modern, listing style grid layout, ensuring a stunning and engaging presentation of your visual content. 

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Features Listing" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Color: Customize the color od the default icons to your branding.
• Unlimited listing can be added
• Columns can be set to 1, 2, 3 cols.
• Header aligment update option
• Option to add both icon image and icon

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Accordion Tabs

Introduction:
The Accordion Tabs with Top Tab module is a visually appealing and functional content display tool for HubSpot, designed to combine images and accordion functionality within a structured layout. It features a prominent top tab for navigation, with content displayed in a split layout: an image on the left and an accordion on the right. Perfect for storytelling, product showcases, and detailed explanations. 

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Accordion Tabs" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Color: Customize the color od the default icons to your branding.
• Accordion: Unlimited accordions with images can be added.
• Tab Visibility: Tab option can be shown or hidden as needed.

• Tab Limit: Unlimited tabs can be added based on the accordion contents.

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Image Slider

Introduction:
Enhance your website's visual appeal with our fully responsive Image Slider HubSpot module. Ideal for showcasing images on any device, this slider offers seamless functionality and customization. 

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Image Slider" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.

Customization Options:

• Style: Choose from various styles to match your website's aesthetic.
• Color: Customize the color od the default icons to your branding.
• Unlimited images can be added
• Option to show slider image in popup
• Hide/show option for module header

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com

Countdown Timer

Introduction:

The Countdown Timer module is a powerful tool designed to enhance your marketing campaigns by adding urgency and visual appeal. Whether you're promoting a limited-time sale, launching a product, or counting down to an event, this module helps capture attention and encourage action.

With a high level of customization, you can match the timer's design seamlessly with your brand. From background images to custom colors, social links, and expiration text, this module gives you complete control—without needing a developer.

Installation:

1. Visit the HubSpot Marketplace.
2. Search for "Countdown Timer" module.
3. Click "Install" to add the module to your HubSpot account.

Usage:

1. After installation, locate the module in your HubSpot dashboard.
2. Add the module to your desired page or template using the drag-and-drop builder.
3. Customize the module settings as needed, including appearance and behavior.
   
   

Customization Options

• Style Variants: Select from different layout styles to best fit your campaign’s design and messaging.

• Background Options: Use a background image or gradient color, with full control over overlay color and opacity for optimal visual appeal.

• Color Customization: Adjust all colors—including timer digits, text, buttons, and overlays—to perfectly align with your brand’s color palette.

• Header Visibility: Easily show or hide the top and bottom header sections to keep the design clean or add extra information as needed.

• Event Date & Time: Set any date and time for the countdown to target, ideal for events, launches, or deadlines.

• Social Links: Add links to any social media platform, with the ability to customize icons and colors for branding consistency.

• Button Customization: Add a call-to-action button with editable text, link, background color, hover effects, and padding options.

• Expiration Message: Create a custom message to display after the countdown ends, keeping your messaging relevant post-deadline.

• Responsive Design Control: Adjust spacing, font sizes, and element visibility for mobile, tablet, and desktop views.
  
  

Support: 

If you encounter any issues or have questions, reach out to our support team at hubspot@techclaro.com.

Feedback:

We value your feedback! If you have suggestions or encounter issues, please let us know at developer@techclaro.com