HubSpot Marketplace Module

Integration Showcase Pro for HubSpot CMS

Searchable Integration Directory with Detail Modals, Category Tabs & Three Layouts

A premium integration directory module that displays your app ecosystem in a searchable, filterable grid. Three layout modes, category tabs, live search, rich text detail modals, featured pins, badge labels, and 87 style controls. Up to 200 entries.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $14.99
Integration Showcase Pro module for HubSpot CMS showing a searchable grid of app integrations with category filter tabs

Everything you need in an integration directory

grid_view

Three Directory Layouts

Grid displays cards in 2, 3, or 4 columns with center or left alignment. List renders horizontal cards with logo on the left and content flowing right. Compact shows logo and name only in a tight multi-column grid with no descriptions.

open_in_new

Rich Text Detail Modals

Cards open a detail modal with integration logo, name, badge, full rich text content with styled headings and lists, and a button linking to the integration. Scale-in animation, backdrop overlay, body scroll lock, Escape key to close, and focus trap.

search

Search and Category Tabs

Live search filters by name, description, and category with debounced input. Category tabs managed via a separate repeater for independent ordering. Optional count display shows visible integrations. Both features toggle independently.

push_pin

Featured Pins and Badges

Toggle any integration as featured to pin it to the top of the grid. Badge labels with four presets (Popular, New, Premium, Coming Soon) or custom text. Auto-generated initial placeholder when no logo image is provided.

smart_button

Two Card Action Styles

Text link with sliding arrow animation or round and square arrow button with configurable size, shape, and alignment. Cards support three click behaviors: open detail modal, navigate to link, or no action.

palette

87 Style Controls

35 color fields for cards, text, search, filter tabs, badges, modal button, and CTA. Two Google Font pickers with 12 individual size controls. Card and logo sizing, arrow button shape, modal design with button styling, Load More, and responsive breakpoints.

What you can build with Integration Showcase Pro

Integration Showcase Pro turns a static partner page into a searchable, browsable directory. Here are common implementations teams build without writing code.

SaaS integration directory

Display your app ecosystem with category tabs for CRM, Marketing, Analytics, and Support. Featured pins highlight flagship partnerships. Detail modals let visitors read full integration descriptions without leaving the page. Search filters across name and description instantly.

Technology partner page

Showcase technology partners, certified vendors, or API integrations with logos, badges, and rich text detail modals. Use the compact layout for a logo wall or the list layout for detailed partner profiles with descriptions and external links.

App marketplace or plugin directory

Build an internal or public facing app directory with Popular, New, and Premium badges. Featured toggle pins important entries to the top. Load More pagination handles large catalogs without overwhelming the initial page load. Count display shows total available integrations.

Tool and software comparison page

List competing tools, software alternatives, or recommended platforms in a filterable grid. Category tabs organize entries by type. Arrow buttons or text links direct visitors to external resources. Grid, list, and compact layouts let you match the density to your content volume.

Works with any HubSpot theme

Integration Showcase Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page. No theme dependency, no jQuery, no external libraries. Pure vanilla JavaScript with zero hardcoded values. Multiple instances on the same page are fully isolated via scoped CSS.

Questions

How many integrations can I list?

add
Up to 200 entries via the repeater field. Each entry has a logo, name, category, short description, rich text modal content, external link, badge label, and featured toggle.

Can I control the filter tab order?

add
Yes. Categories are managed as a separate repeater with labels and slugs. This gives you full control over tab ordering and naming independently from the integration entries.

Does the modal work on mobile?

add
Yes. The modal is fully responsive with body scroll lock, backdrop click to close, and keyboard focus management. It adapts to narrow screens with adjusted padding and logo sizing.

Do you offer support?

add
Yes. Documentation included, plus email support for setup and customization questions. Response time is within 5 business days.

Showcase your integrations with Integration Showcase Pro

The most complete integration directory module on the HubSpot Marketplace. Three layouts, detail modals, search, filters, and 87 style controls.

Get the Module arrow_outward

Related modules: Mega Menu Pro · Footer Pro · Comparison Matrix Pro · All Modules