Effortlessly showcase your Latest Insights Blog with a clean, modern layout designed to increase engagement and content visibility. The Latest Insights Blog module automatically displays your most recent articles, giving you full control over layout, spacing, and display settings—no coding required. Easily customize blog titles, featured images, author details, publish dates, and call-to-action elements to align with your brand identity. Perfect for highlighting fresh insights, driving traffic to your blog, and keeping any HubSpot page consistently updated with valuable content.

Key Features of a Latest Insights Blog Module :

✅ Automatic Latest Post Fetching – Dynamically displays the most recent blog posts without manual updates.

✅ Fully Mobile Responsive – Seamlessly adapts to all screen sizes for the best viewing experience.

✅ Modern & Clean Design – Sleek, contemporary styling fits perfectly into any modern website.

✅ Easy to Edit – Quickly customize content, styles, and settings without hassle.

✅ Hover & Animation Effects – Engage users with smooth hover states, transitions, and subtle animations.

✅ Optimized for Performance – Lightweight and fast for smooth transitions and loading.

✅ Call to Action (CTA) – A friendly nudge like “Contact me” or “Book a Consultation” with a button.

How to Set Up the Latest Insights Blog in HubSpot :

In the main dashboard, go to the ‘Content’ tab and select either ‘Website’ or ‘Landing Pages,’ depending on where you want to add the section. This lets you choose the right location for managing or updating your content.

Select the page where you want to apply the module.

Search for "Latest Insights Blog" and drag and drop the module into the desired location on your page.

Module Defaults Options: 

Layout ID :

Layout Options :  

Choose your ideal layout (Layout 1, 2, or 3) and effortlessly arrange your cards to create the perfect visual flow. With Latest Insights Blog, you can reorder content with ease, ensuring a smooth, well-structured, and engaging user experience every time.

• Fully Customizable heading, description & CTA
• Show/Hide Toggle Option
  

Post Column Content Image, Tag, Title, Description and  CTA : 

You can change the Image, Tag, Title, Description and CTA with the option to show or hide it, allowing for a flexible and customizable user experience.

• Update the Image, Tag, Title, Description and CTA
• Easily manage and organize how content is shown based on user interaction

The Latest Insights Blog module provides two versatile display modes to suit different content strategies. With the Custom Card layout, you can hand-pick and design blog cards, customizing images, headings, summaries, and links—perfect for promoting featured or evergreen posts. The Latest Blog Post layout automatically pulls in your newest articles, ensuring your content stays current with zero manual effort. Both display options are fully responsive, highly customizable, and simple to configure within the HubSpot editor, making this module an excellent choice for highlighting blog content on websites, landing pages, and blog templates.

In Form filed select your subscribe form 

Users can add or remove jQuery JavaScript as needed, providing flexibility to enhance functionality or optimize performance based on their requirements.

Module Style Options: 

Module Setting :

Adjust the margin, padding, container width and background colors to achieve your desired look and feel for the module. This flexibility lets you fine-tune the layout and aesthetics, ensuring your design is both visually appealing and user-friendly.

Heading, Description and CTA Style Settings :

Easily control the look and feel of your section’s text and call-to-action elements. Adjust font size, weight, and color for headings, fine-tune paragraph styles for descriptions, and customize CTA buttons with your preferred text, link, style, and hover effects. These options ensure your content and CTAs align with your brand while remaining clear, engaging, and professional across all devices.

Blog Post Card Setting :

You have full control over customizing the Post column box to align with your design preferences. Adjust the background, spacing, border and corners to create the perfect look for your layout. Tailor these elements to ensure your content stands out and blends seamlessly with the rest of your design.

• Background Customization
  Choose a solid color for your blog post.
• Spacing Control
  Adjust the padding and margin to create the ideal distance between elements and prevent overcrowding.
• Border Style
   Choose from various styles like solid, dashed, or dotted.
• Corner Radius
  Round the corners to create smooth, modern edges for a softer design.

Post Content Setting :

Take full control over your column content by customizing the typography, spacing, and alignment to match your brand's design style. You can adjust text transform options, icon size to make them stand out. Whether you’re updating typography, or configuring borders every detail can be tailored for a cohesive and visually appealing look.

• Typography Customization
  Adjust font size, style, and color for subheading, headings, descriptions, listing content and other text elements to create a consistent visual identity.
• Spacing & Alignment
  Control padding, margin, and text alignment to ensure optimal content positioning and balance.
• Text Transform
  Modify text case and style (uppercase, lowercase, capitalize) for better readability and emphasis.
• Icon
  Customize the icon size and color to match your brand’s color palette and enhance the overall design.
• Author Name & Publish Date Display
  Customize author names and blog publish dates with flexible styling options to enhance credibility and content transparency.
• CTA
  Customize the CTA Button line background color, text color, spacing, box shadow, corner and typography.
  

Form Setting (Layout 2)

Slider Arrows and Dot's (Layout 1, 3)

Customize slider arrow and dot size, color, background, border and corner effects to match your brand design and improve navigation usability.

We hope you enjoy using our latest insights blog module to create a seamless experience for both your users and your marketing team. At Code Accelerator, we're committed to ensuring your HubSpot experience is exceptional. If you need a custom HubSpot module or require a tailored HubSpot CMS or CRM setup, please don’t hesitate to Contact Us.