1. Introduction (Overview)

Integration Pro is a powerful HubSpot module designed to display integrations, apps, or tools in a clean and user-friendly directory layout. It allows you to organize integrations with category tabs, searchable cards, popup modals, and load more functionality. The module is fully customizable and helps visitors quickly explore and understand your integrations in a professional way.

2. Key Features

• Add unlimited integration categories
• Create and manage integration cards easily
• Built-in searchable integration directory
• Category-based filtering tabs
• Detailed popup modal for each integration
• Active / inactive integration toggle
• Custom button support for cards
• Load more button functionality
• Option to set cards per row
• Fully customizable styling options
• Responsive design for all devices

3. Installation – Downloading the Module from HubSpot Marketplace

• Log in to your HubSpot account.
• Go to the Marketplace from the main navigation menu.
• Search for your module by name.
• Find the module in the results and click Install.
• If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

• Open your HubSpot page editor.
• Click on Add Module.
• Search for your module by name.
• Drag and drop the module into the desired section of your page.

• Integration Pro is a flexible HubSpot module to showcase integrations in a searchable, category-based card layout with popup details and load more support, fully responsive across desktop, tablet, and mobile devices for a smooth user experience.

   

5. Module Settings Guide

1. Content Tab 

• Show/Hide Heading Section
  Enable or disable the heading section to control layout visibility easily.
• Editable Search Placeholder
  Customize the search bar placeholder text as per your requirement.
• Multiple Tabs & Categories
  Add and manage multiple tabs with categories for better organization.
• Popup Modal for Cards
  Each card opens a detailed popup modal with full information.
• Editable Cards Content
  Easily edit card title, description, and badge content.
• Status Badge Support
  Add status badges like New or Updated to highlight cards.
• Custom Button Text
  Set custom button text for each card as needed.
• Active / Inactive Toggle
  Enable or disable cards using a simple toggle option.
• Disable Toggle Option
  Option to disable toggle feature for fixed content visibility.
• No Results Message
  Show a custom message when no search results are found.
• Load More Feature
  Control number of posts displayed initially and load more on click.

2. Style Tab

• Cards Per Row

  Set how many cards appear in a single row (layout control for grid view).

• Tabs Customization

  Fully customize tabs with font color, border, active state, background color, active border radius, count badge font color, badge background, and active text color.

• Toolbar Styling

  Control toolbar design including border color, background color, box shadow, and border radius for a polished header area.

• Search Bar Styling

  Customize search bar with font style, background color, border radius, border color, and search icon color.

• Header Section Styling

  Style heading and description with font size, color, and typography control for better branding.

• Cards Styling

  Control card title and description styling including font color and line height for better readability.

• Card Footer Styling

  Customize footer with border color, badge color, checkbox toggle style, and active state color.

• Badge Customization

  Set badge font, background color, text transform, and border radius for labels like “New” or “Updated”.

• Button Customization

  Fully style buttons with font settings, border radius, background color, and hover behavior.

• Card Styling

  Customize card background color, border, and border radius for a consistent UI look.

• Icon Customization

  Control icon color and background box styling for HubSpot or custom icons.

• Popup Modal Styling

  Customize modal title font, description styling, line height, feature list icons, button color, background, max width, border radius, and close icon color.

• Load More Button Styling

  Set font color, background color, hover effect, and border radius for load more button.

• No Results Styling

  Customize no-results message font and icon color for empty search states.

 

6. Examples / Demo Preview

View the module in action: https://www.modfrybus.shop/integrations-pro

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!