Market Web Forge

Infinity Testimonial Slider

Written by Shubham Mishra | Apr 16, 2025 12:14:38 PM

Showcase client feedback in style with the Infinity Testimonial Slider module. Smooth, continuous transitions highlight testimonials in an engaging, modern format that builds trust and enhances credibility.


Key Features of a Infinity Testimonial Slider Module :

3 Unique Layout Options – Choose from three beautifully crafted slider layouts to match any design style.

Fully Mobile Responsive – Seamlessly adapts to all screen sizes for the best viewing experience.

Infinite Auto Slide – Testimonials slide automatically in a smooth, endless loop.

Mobile Slide Dots Option – Optional navigation dots enhance mobile usability.

Modern & Clean Design – Sleek, contemporary styling fits perfectly into any modern website.

Easy to Edit – Quickly customize content, styles, and settings without hassle.

Easy to Integrate – Simple setup and integration into any page or theme.

Optimized for Performance – Lightweight and fast for smooth transitions and loading.

 

How to Set Up the Infinity Testimonial Slider in HubSpot :

In the main dashboard, go to the ‘Content’ tab and select either ‘Website’ or ‘Landing Pages,’ depending on where you want to add the section. This lets you choose the right location for managing or updating your content.

Select the page where you want to apply the module.

Search for "Infinity Testimonial Slider" and drag and drop the module into the desired location on your page.

Module Defaults Options: 

Layout ID :

Easily enhance navigation by adding an ID to the target section and using the same ID in an anchor link. This enables a smooth scrolling effect when users click a Call-to-Action (CTA) button, improving the overall user experience.

Layout Options :  

For the Infinity Testimonial Slider, select your preferred layout (e.g., Layout 1, Layout 2 or Layout 3). Easily rearrange event cards within the chosen layout to achieve the perfect content flow and visual arrangement, ensuring a seamless and engaging user experience.

Options : 

  • Layout 1 : The layout features a subheading, heading and CTA, infinity slider cards format.
  • Layout 2 : The layout features a heading and description, with client review infinity slider cards.
  • Layout 3 : The layout includes a heading and description, with feedbacks slider cards in a two-row format.

Heading/Description & CTA : 

You can change the heading and description text with show/hide also in Layout One, And Call-to-Action (CTA) with the option to show or hide it, allowing for a flexible and customizable user experience.

  • Update the heading, description and CTA
  • Customize the slider column content (text, images, etc.)
  • Easily manage and organize how content is shown based on user interaction

Module Style Options: 

Module Setting :

Adjust the margins, padding and background colors to achieve your desired look and feel for the module. This flexibility lets you fine-tune the layout and aesthetics, ensuring your design is both visually appealing and user-friendly.

Heading & Description Setting :

In this module, you have full flexibility to customize the heading and description to perfectly align with your design vision. You can easily adjust the spacing around the text, apply text transformations such as uppercase or lowercase, define the maximum width for better content flow, and set the alignment (left, center, or right) to create the ideal layout. These options ensure your content remains visually balanced and responsive across all devices.

  • Text Styling Options
    Set font size, color, spacing, and apply text transforms like uppercase or capitalize.
  • Responsive Alignment
    Align your content (left, center, or right) for both desktop and mobile devices.
  • Max Width Control
    Limit the width of the heading and description to maintain clean, readable layouts.
  • Spacing Adjustments
    Add padding or margins around your content to create visual balance.

Slider Card Setting :

You have full control over customizing the column box to align with your design preferences. Adjust the background, spacing, border, corners, and box shadow to create the perfect look for your layout. Tailor these elements to ensure your content stands out and blends seamlessly with the rest of your design.

  • Background Customization
    Choose a solid color, gradient, or even an image background for your column box.
  • Spacing Control
    Adjust the padding and margin to create the ideal distance between elements and prevent overcrowding.
  • Border Styling
    Set borders with customizable width, color, and style to frame your content attractively.
  • Corner Radius
    Round the corners to create smooth, modern edges for a softer design.
  • Box Shadow
    Add depth with a box shadow to make your content appear elevated or to create a subtle floating effect.

Content Setting :

Take full control over your column content by customizing the typography, spacing, and alignment to match your brand's design style. You can adjust text transform options, icon size to make them stand out. Whether you’re updating typography, or configuring borders every detail can be tailored for a cohesive and visually appealing look.

  • Typography Customization
    Adjust font size, style, and color for headings, descriptions, and other text elements to create a consistent visual identity.
  • Spacing & Alignment
    Control padding, margin, and text alignment to ensure optimal content positioning and balance.
  • Text Transform
    Modify text case and style (uppercase, lowercase, capitalize) for better readability and emphasis.
  • Icon
    Customize the icon size and alignment to match your brand’s color palette and enhance the overall design.
  • Clients Info
    Customize the profile image, name and website.

We hope you enjoy using our infinity testimonial slider module to create a seamless experience for both your users and your marketing team. At Code Accelerator, we're committed to ensuring your HubSpot experience is exceptional. If you need a custom HubSpot module or require a tailored HubSpot CMS or CRM setup, please don’t hesitate to Contact Us.