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.
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.
Blog Listing Page Showcase
-
The Blog List Pro module allows for customizable blog listings, enabling you to easily toggle the visibility of titles and tags. It also features advanced filtering options for recent and popular posts, as well as showcasing blogs by specific tags, ensuring your content is displayed as you want.
-
Note: According to HubSpot's guidelines, you can display a maximum of 10 posts at a time.
Blog Details Page Showcase
-
The Blog List Pro module empowers you to personalize your blog details page with ease. You can adjust the visibility and styling of titles and showcase up to 10 related blogs, ensuring your content is presented exactly the way you envision.
-
Note: According to HubSpot's guidelines, you can display a maximum of 10 posts at a time.
Landing/website page Showcase
-
The Blog List Pro module offers customizable blog listings on any webpage, featuring filters for recent and popular posts and options to display blogs by specific tags. You can also adjust the visibility and styling of titles and tag lists to fit your needs.
-
Note: According to HubSpot's guidelines, you can display a maximum of 10 posts at a time.
