SaaSFlowDocs

Blog, guides and case studies

Three kinds of HubSpot blog, each with a listing template and a post template.

BlogListing templatePost template
News and articlesblog-listing.htmlblog-post.html
Guides or help centerguides-listing.htmlguide-post.html
Case studiescase-study-listing.htmlcase-study-post.html

Set up a blog

  1. Open the blog settingsGo to SettingsContentBlog and pick the blog (or create one with Create new blog; you can have several, for example one for articles and one for guides).
  2. Choose the templatesIn the Templates tab, choose the SaaSFlow listing and post templates from the table above.
  3. Write a postGo to ContentBlog, create a post and write it in the editor. Use headings (H2, H3) so the table of contents can list them. Add a featured image and a meta description; the post header can show the meta description as a summary under the title.

Blog listing

The listing has a header, a search box and topic buttons, an optional large card for the newest post, a sort menu and a choice of pagination: page numbers, a Load more button or automatic loading. Page numbers always stay in the page for search engines.

Edit it by opening the listing page in the editor (or from the blog settings) and clicking the Blog Listing module.

Blog post

  • Post header: breadcrumb, topic tag, summary, author, date, read time, share buttons and the featured image, each with its own switch.
  • Sidebar: a table of contents built from the headings, related articles and a newsletter box (choose a form with an email field).
  • After the article: author box, tags and previous / next articles.
  • Search engines and AI: article (BlogPosting) and breadcrumb structured data, on by default.

The post settings are shared by every post that uses the template. Open any post in the editor and click the Blog Post module to change them; the change applies to all posts.

Comments

Turn comments on in SettingsContentBlogComments. SaaSFlow shows them in a card under the article with a Comments heading (“Join the conversation” by default) that you can edit in the post template's module list. The comment form uses the theme form styles: two columns on larger screens and a full-width submit button on phones.

Guides blog

The guides templates turn a blog into a help center. The listing matches the Guides page (search, topics and featured guides) and each post gets a guide header, an “On this page” list and support links. Instead of a blog you can also build each guide as a page with the Guide page template, using Guide Step, Guide Callout and Guide Checklist modules.

Case study blog

With a case study blog, each post is one customer story. The Case Study Detail module can take the post's title, summary and featured image for the hero, use the post text as the story, and fill related stories from the same blog. Each case study can be gated: visitors fill in a HubSpot form to unlock the full story and an optional PDF download.

Tip

Prefer pages over a blog? The Case study and Case studies page templates use the same modules with content you type in. See Templates.