Blog List Pro
Installation Guide
HubXpert offers a wide array of published and developing modules in the marketplace that address various user needs. One of the standout modules is the Blog List Pro module, which has been specifically designed to facilitate the creation of dynamic and customizable blog lists. This module features a user-friendly interface and provides flexible functionalities, allowing businesses to easily display blog posts with customizable layouts, filters, and styling options—all without requiring coding skills. You can find the module here in the marketplace.
This page will guide you through the installation process.
Introduction
The Blog List Pro module is a powerful and user-friendly tool designed to elevate the presentation of your blog content. This versatile module allows you to seamlessly filter blog posts based on specific criteria, such as categories, tags, authors, or post type (e.g., recent or popular). With Blog List Pro, you can dynamically display curated blog lists that cater to your audience's interests, ensuring an engaging and personalized browsing experience.
With Blog List Pro, your blogs will look stunning on any device, thanks to its responsive design. Advanced customization options let you tailor the look and feel to perfectly match your brand. Whether you’re managing a personal blog, a corporate website, or a content-driven platform, Blog List Pro helps you create a professional and visually appealing blog section with ease.
Best of all, no coding skills are required—simply integrate the module into your HubSpot site and configure it to suit your needs.
Use Case Clarification:
Corporate Blogs:
-
Scenario: Showcase company updates, industry insights, or thought leadership content.
-
How the Module Helps: Filter posts by category or author and present them in visually appealing layouts that match your brand.
Personal Blogs:
-
Scenario: Display content like lifestyle tips, travel stories, or creative projects.
-
How the Module Helps: Customize styles, layouts, and filters to create an engaging blog section tailored to your audience’s interests.
Content-Driven Platforms:
-
Scenario: Manage and display a large volume of content, such as news articles, tutorials, or guides.
-
How the Module Helps: Organize posts using dynamic filters and create an intuitive navigation experience for your visitors.
Module Features Overview
Key Features:
-
Customizable Blog Cards: Easily add and tailor blog cards to showcase titles, images, summaries, and metadata.
-
Dynamic Filters: Allow users to filter blog posts by categories, tags, authors, or post type (Recent or Popular).
-
Custom Fonts and Colors: Fully customize fonts, text styles, and background colors to ensure brand consistency.
-
Responsive Design: Ensure a seamless user experience across all devices (desktop, tablet, mobile).
-
SEO-Optimized: Built with SEO-friendly elements to enhance your blog’s visibility on search engines.
-
Analytics Integration: Track user interactions, clicks, and engagement to gain valuable insights into content performance.
First, Visit the Module Marketplace
If you haven’t done so already, access the Blog List Pro module from the HubSpot marketplace.
Second, Select the Account
If you have more than one HubSpot account, choose the account where you’d like to install the module. This ensures that your configuration is set up in the correct environment.
Third, Configure the Module
After adding the Blog List Pro module to your HubSpot account, you’ll be directed to the module configuration page. Here, you can effortlessly customize the module to align with your brand’s style and functionality. The following options are available:
-
Set up Filters: Choose dynamic filters such as categories, tags, authors, or post type (Recent or Popular) to display the desired blog posts.
-
Customize Blog Cards: Add and personalize blog cards by adjusting elements like titles, summaries, images, and metadata..
Personalize Styling: Modify colors, fonts, and text styles to create a cohesive look that matches your brand.
Finally, Add the Module to Your Page
Once you've configured the module, adding it to a page is simple:
-
Navigate to the page where you'd like to add the module.
-
Click the "+" icon to insert a new module.
-
Select the Blog List Pro from the list of available modules.
-
The module will now be displayed on your page with all your customized settings.
Usage Guide
Now that you have installed the guide, let's see how you can use it and change it to your own style:
Customization Options
-
Tailor the Blog List Pro module to match your brand's aesthetic. Choose from various styles, feature images, fonts, colors, backgrounds, hover effects, etc.
Intuitive Filters
-
Easily apply filters such as recent posts or popular posts to display content that meets specific requirements, providing a personalized and curated experience for your audience. Additionally, the option to select specific blogs ensures seamless integration across multiple themes, making the module highly versatile and adaptable.
-
Note: As per hubspot limitation you can show total 10 posts at a time.
Responsive and Flexible Layouts
The Blog List Pro module ensures your blog listings look flawless on any device with a fully responsive design. Configure flexible layouts, including adjustable column widths and spacing, to display the desired number of blogs per row. Additionally, the module automatically aligns blog cards to match the tallest card, maintaining a clean and cohesive appearance.
