Team Member  Popup

Overview

The Team Member  Popup offers a versatile and highly customizable solution for displaying content-rich cards on your HubSpot pages. With options to dynamically add cards, adjust layouts, and tailor the design to your brand, this module can transform your content into an engaging slider, grid, or pop-up modal. Perfect for showcasing products, services, team members, or portfolio items.

Key Features

1. Dynamic Card Management

   • Add, remove, or reorder cards with ease.
   • Each card supports rich content: Title, designation, Descriptions, images, Social icons.
     
     

2. Flexible Layout Options

   • Choose between 2 to 5 columns for a responsive grid layout.
   • Option to display cards in a slider/carousel format with navigation controls.
     
     

3. Popup Functionality

   • Enable popups for each card to display expanded content.
   • Customizable popup styles for an enhanced user experience.
     
     

4. Extensive Style Customization

   • Change sections background to color/gradient/image, and spacing
   • Adjust card background, border, and text colors.
   • Control card spacing, padding, and other properties.
   • Customize slider navigation arrows, dots, and columns.
     
     

5. Responsive Design

   • Optimized for desktop, tablet, and mobile devices.
   • Cards adapt dynamically to various screen sizes.

Customization Options

• Card Settings:

  • Easily add titles, descriptions, images, and links for each card.
  • Enable or disable individual cards without deleting them.
    
    

• Layout Controls:

  • Select between grid or slider layouts.
  • Adjust the number of columns (2 to 5) for grid/slider view.
  • Customize slider speed, autoplay, and slides to show.
    
    

• Style Settings:

  • Background and border color customization.
  • Control typography, including font style, size, and weight.
    
    

• Popup Settings:

  • Enable/disable popups for individual cards.
  • Customize popup background and other properties

How to Use the Module

1. Add the Module:
   Drag and drop the Team Member  Popup onto your HubSpot page.

2. Configure Cards:

   • Use the module editor to add or remove cards.
   • Enter content for each card (title, description, image, etc.).
     
     
     
     

3. Select Layout:

   • Choose between Grid or Slider.
   • Adjust the number of columns or slider settings as needed.

4. Customize Styles:

   • Use the style panel to modify colors, typography, and card spacing.
   • Enable or disable popup functionality and customize its appearance.
     
     

5. Preview and Publish:

   • Preview the page to see your changes in real-time.
   • Click Publish to make your content live.

Use Cases

• Product Showcases: Highlight features or benefits with interactive cards.
• Team Introductions: Display team member profiles with pop-up bios.
• Portfolio Galleries: Present project details in an engaging slider format.
• Service Overviews: Organize service offerings into easy-to-navigate cards.