---
title: Integrations Pro Documention
description: Integrations Pro Documention
---

[Skip to content](https://www.modfrybus.shop/integrations-pro-documention#main-content)

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=90&height=52&name=Modfrybus-logo.png)](https://www.modfrybus.shop/?hsLang=en)

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)

Open main navigation

Close main navigation

- [Home](https://www.modfrybus.shop/)
- [About](https://www.modfrybus.shop/about-us)
- [Services](https://www.modfrybus.shop/services)
- [Pricing](https://www.modfrybus.shop/pricing)
- [Blog](https://www.modfrybus.shop/modfrybus-blog)
- [Contact](https://www.modfrybus.shop/contact-us)
- [Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

[Marketplace Assests](https://app.hubspot.com/ecosystem/48318526/marketplace/modules?eco_providers=Modfrybus)

#### Integrations Pro Documention

## 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.

![Group 1000002361](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002361.png?width=1000&height=750&name=Group%201000002361.png)

**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.

![Group 1000002327 (1)](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Group%201000002327%20(1).png?width=1000&height=750&name=Group%201000002327%20(1).png)

 

## 6. Examples / Demo Preview

View the module in action: [https://www.modfrybus.shop/integrations-pro](https://www.modfrybus.shop/integrations-pro?hsLang=en)

## 7. Support & Contact

For questions or support, contact us at [productqueriemodfrybus@outlook.com](mailto:productqueriemodfrybus@outlook.com) We’re happy to help!

[![Modfrybus-logo](https://www.modfrybus.shop/hs-fs/hubfs/Module-images/Modfrybus-logo.png?width=150&height=87&name=Modfrybus-logo.png "Modfrybus-logo")](https://www.modfrybus.shop/?hsLang=en)

[Privacy Policy](https://www.modfrybus.shop/privacy-policy?hsLang=en)

[Terms and Conditions](https://www.modfrybus.shop/terms-and-conditions?hsLang=en)

[Refund Policy & Support](https://www.modfrybus.shop/modfrybus-refund-policy-support?hsLang=en)

 Copyright © 2025, Modfrybus