HubSpot HUBL: Article descriptions not appearing in post blocks

Other Questions HubSpot
1

Hey everyone, I’m having trouble with my HubSpot blog. The article descriptions aren’t showing up in the post blocks like they should. Everything else is there, but the first paragraph of each article is missing. It’s driving me crazy!

Here’s a snippet of my HUBL code for the blog section:

{% set recent_posts = blog_recent_posts('main', 3) %}
{% for post in recent_posts %}
  <div class='post-card'>
    {% if post.featured_image %}
      <div class='post-image' style='background-image: url({{ post.featured_image }});'></div>
    {% endif %}
    <div class='post-content'>
      <h3><a href='{{ post.url }}'>{{ post.title }}</a></h3>
      <p class='post-summary'>{{ post.summary | truncate(100) }}</p>
      <a href='{{ post.url }}' class='read-more'>Continue reading</a>
    </div>
  </div>
{% endfor %}

Any ideas on why the descriptions aren’t showing? I’ve double-checked my template settings, but I’m stumped. Help would be awesome!

2

I encountered a similar issue with post descriptions not appearing in HubSpot. The problem might be in how you’re accessing the post summary. Instead of ‘post.summary’, try using ‘post.post_body’ with a strip_html filter. Here’s a modified version of your code that should work:

<p class='post-summary'>{{ post.post_body|strip_html|truncate(100) }}</p>

This approach pulls the full post content, strips out any HTML, and then truncates it to 100 characters. It’s more reliable for getting the first paragraph of content. Also, double-check that your blog posts actually have content in the body field. Sometimes, if posts are created through the API or imported, this field might be empty. Hope this helps solve your issue!

3

I’ve been working with HubSpot for years, and this is a common hiccup. From my experience, the issue often lies in how HubSpot handles the ‘summary’ field. Sometimes, it doesn’t populate automatically as expected.

A workaround I’ve found effective is to manually add a short excerpt in the ‘meta description’ field for each post. Then, in your HUBL code, replace ‘post.summary’ with ‘post.meta_description’:

<p class='post-summary'>{{ post.meta_description | truncate(100) }}</p>

This method gives you more control over what appears in the preview and ensures consistency across your posts. It’s a bit more work upfront, but it’s saved me countless headaches down the line. Just remember to fill out that meta description for each new post you create.

4

hey there, i had the same problem before. try using ‘post.content’ instead of ‘post.summary’. like this:

<p class='post-summary'>{{ post.content|strip_html|truncate(100) }}</p>

it worked for me. also, make sure ur blog posts actually have content in them. sometimes they can be empty if imported weird.