Services with Multi Count Documentation

Introduction

Introducing the “Services With Multi Count” module. Showcase your product or services with counter below them.

 

SUPPORT:

If you need assistance at any step of the way; get in touch with us at ProductSupport@transfunnel.com
And get Premium Support from Transfunnel - HubSpot's Elite Solutions Partner

Services with Multi Count Documentation

Possible Layouts

Layout Options: Welcome to the “Services With Multi Count" module. 

  • Heading Section: The left part of the module contains module heading and a CTA below it. 
  • List Section: Add your services/products along with CTAs and icons on the right part of the module. 
  • CTAs: CTAs are added below the left heading part, on the right end of each listed product/service. 
  • Icons: Add eye catchy icons woth each product/service that you add in the list, for added attraction. 
  • Counter: The bottom of the module contains counter with larger numerals and smaller content. 
  • Responsive and mobile-friendly: The “Services With Multi Count" module is designed to provide optimal viewing experiences on various devices, including desktops, tablets, and mobile phones. With its responsiveness, your page will adapt seamlessly, ensuring a consistent and engaging experience across all platforms. 
  • Customisation: The “Services With Multi Count" module comes with a bunch of customisations, all of which you can control to give the user a seamless experience in tandem with your website’s colours, style, and design. 

 

Content features:

Screenshot 2024-09-09 at 12-48-36 Design Previewer HubSpot

Customise the Service Title content and Service  Item and counter item from settings. 

Screenshot 2024-09-09 at 12-50-36 Design Previewer HubSpot

In Service  title settings, you can customise
title, cta label and cta url.

Screenshot 2024-09-09 at 12-53-27 Design Previewer HubSpotScreenshot 2024-09-09 at 12-53-47 Design Previewer HubSpot

 

In the service item settings you can edit image icon or HubSpot icon according your choice and edit the service title, service description, and service URL.

Screenshot 2024-09-09 at 12-57-15 Design Previewer HubSpotScreenshot 2024-09-09 at 12-57-31 Design Previewer HubSpot

In the Counter item settings, you can add multiple counter according to layout and you can edit the counter number and counter text set you layout.

 

Style features:

 

Screenshot 2024-09-09 at 13-01-22 Design Previewer HubSpot

In module style settings, you can customise the module style, title style, service item, and counter item

 

Module Style:

m1m2

In module style, you can customise the spacing, background and container settings. In spacing setting, you can customise the margins and paddings. 

 

m3Screenshot 2024-09-05 at 10-55-26 Design Previewer HubSpotm5

In background settings, you can customise background type, colour, image, image size background grediant and overlay colours. 

 

m6

You can add or remove the container by just a toggle of a button. 

Service Title Style:

Screenshot 2024-09-09 at 13-02-39 Design Previewer HubSpot

In title style setting, customise Title font & Styles, and CTA label font & Styles.

Service Item Style :

Screenshot 2024-09-09 at 13-05-33 Design Previewer HubSpotScreenshot 2024-09-09 at 13-05-40 Design Previewer HubSpot

You can edit in the Service Item, Icon type, custom and hubspot  according to fit your layout.  icon size, hubspot icon color, Sevice title, Service description font & styles, Arrow icon color, Arrow background color Border color. also change the hover color of icon or background color.

Counter Item style:

Screenshot 2024-09-09 at 13-11-44 Design Previewer HubSpot

in the Counter item Settings, you can edit the Counter number and counter text font & styles.

 

Conclusion:

The module is a powerhouse in garnering user trust by highlighting your experience, successful projects, happy customers along with the services/products you showcase to the user.