Boost Your HubSpot Game with Free Modules by Shunyavkash

How to Use

Installation: Navigate to Marketing > File & Templates > Design Tools > @marketplace > Shunyavkash folder to find the Flexible Blog Card  Module. Install it.

Integration: In the Marketing section, choose Website Menu > Website Pages and add the "Flexible Blog Card " module to the page you want.

Not : When adding this module, make sure to place it in the drag-and-drop (DnD) area of your listing page.

Content Customization

The Content Customization settings allow you to manage what content appears in each blog card and how it’s displayed. You can dynamically connect blog posts, define the number of cards, and control content visibility.

Key Options:

• Blog Selection Types: You can choose between different blog post display options (Blog Listing Content, Recent Blog Posts, Manual Post Selection, Related Posts, Popular Posts)
• Tag Filters: Setting up and using tag-based filtering
• Card Elements:
  The Card Elements are automatically populated based on the selected Post Type (e.g., Blog Listing Card). It dynamically includes all standard blog content elements — Blog Image, Post Title, Post Author, Publish Date, Post Summary or Description, and the “Read More” Button — without needing to add them manually.
• Read More Text:
  Customize the label of the read more button.

Style Customization

• Layout Options:
  • Image display modes (background , normal)
  • Column configurations (desktop, tablet, mobile)
  • Gap/spacing between cards
• Card Styling:
  • Background colors and borders
  • Corner radius
  • Hover effects and overlay colors
• Typography:
  • Styling for tags, titles, descriptions, dates, author names
  • Font sizes, weights, and colors across different devices
• Spacing:
  • Padding configurations for different card elements
  • Responsive spacing adjustments
• Tab Styling (if filters enabled):
  • Tab appearance, alignment, and hover states