---
title: Add a HubSpot module to a blog post template within your theme
description: How to add a custom module to your blog post template within your HubSpot CMS theme.
---

[Skip to content](https://htmlcodingshop.com/blog/add-a-hubspot-module-to-a-blog-post-template#main-content)

[![HTML CODING SHOP](https://htmlcodingshop.com/hs-fs/hubfs/dark_logo_transparent_background.png?width=250&height=91&name=dark_logo_transparent_background.png)](https://www.htmlcodingshop.com)

- [About](https://htmlcodingshop.com/about-us)
- [Website Services](https://htmlcodingshop.com/our-services)
- [Training Services](https://htmlcodingshop.com/development-training-services)
- [Blog](https://htmlcodingshop.com/blog)

Open main navigation

Close main navigation

- [About](https://htmlcodingshop.com/about-us)
- [Website Services](https://htmlcodingshop.com/our-services)
- [Training Services](https://htmlcodingshop.com/development-training-services)
- [Blog](https://htmlcodingshop.com/blog)
- [Let's Work Together!](https://htmlcodingshop.com/contact)

[Let's Work Together!](https://htmlcodingshop.com/contact)

[All posts](https://htmlcodingshop.com/blog/all)

 February 16, 2024

# Add a HubSpot module to a blog post template within your theme

![Picture of Amy Andrews](https://app.hubspot.com/settings/avatar/873fb91005d44fb16fea067876878764) By  [Amy Andrews](https://htmlcodingshop.com/blog/author/amy-andrews)  ·   1 minute read

### Add a module within your HubSpot blog post template:

You can find these values within the module itself under Template Usage:

![](https://htmlcodingshop.com/hs-fs/hubfs/image-png.png?width=374&height=192&name=image-png.png)

``

 

 

### How to add an editable field within your blog post template:

Add this to top of your HubSpot blog post template:

``

 

Code example for a editable area within a HubSpot blog post template:

` ```

`Share: facebook-f icon linkedin-in icon twitter icon pinterest-p icon envelope icon`

``

``

`Related posts HubSpot CMS Development HubL code to show the most recent blog post listing with matching tags HubSpot CMS Code Example HubL code for showing a topic name in your header within HubSpot CMS templates HubSpot CMS Code Example Correct background color style snippet in HubL`

``

``

``

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://htmlcodingshop.com/#localbusiness",
  "@type" : "LocalBusiness",
  "address" : {
    "@type" : "PostalAddress",
    "addressCountry" : "US",
    "addressLocality" : "Vestal",
    "addressRegion" : "NY",
    "postalCode" : "13850",
    "streetAddress" : "232 Noyes Rd"
  },
  "geo" : {
    "@type" : "GeoCoordinates",
    "latitude" : "42.1018166",
    "longitude" : "-75.9241859"
  },
  "image" : "https://htmlcodingshop.com/hubfs/dark_logo_transparent_background.png",
  "logo" : {
    "@id" : "https://htmlcodingshop.com/#logo",
    "@type" : "ImageObject",
    "url" : "https://f.hubspotusercontent10.net/hubfs/20661769/dark_logo_transparent_background.png"
  },
  "name" : "Amy Andrews",
  "openingHoursSpecification" : [ {
    "@type" : "OpeningHoursSpecification",
    "closes" : "17:00",
    "dayOfWeek" : [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ],
    "opens" : "08:00"
  } ],
  "sameAs" : [ "https://www.linkedin.com/company/html-coding-shop" ],
  "telephone" : "",
  "url" : "https://htmlcodingshop.com"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://htmlcodingshop.com/#website",
  "@type" : "WebSite",
  "name" : "Amy Andrews",
  "publisher" : {
    "@id" : "https://htmlcodingshop.com/#localbusiness"
  },
  "url" : "https://htmlcodingshop.com"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://htmlcodingshop.com/blog/add-a-hubspot-module-to-a-blog-post-template/#webpage",
  "@type" : "WebPage",
  "about" : {
    "@id" : "https://htmlcodingshop.com/#localbusiness"
  },
  "description" : "How to add a custom module to your blog post template within your HubSpot CMS theme.",
  "isPartOf" : {
    "@id" : "https://htmlcodingshop.com/#website"
  },
  "name" : "Add a HubSpot module to a blog post template within your theme",
  "url" : "https://htmlcodingshop.com/blog/add-a-hubspot-module-to-a-blog-post-template"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Amy Andrews",
    "url" : "https://htmlcodingshop.com/blog/author/amy-andrews"
  },
  "dateModified" : "2024-02-16T15:02:44.699Z",
  "datePublished" : "2022-11-03T15:07:29.000Z",
  "headline" : "Add a HubSpot module to a blog post template within your theme",
  "mainEntityOfPage" : {
    "@id" : "https://htmlcodingshop.com/blog/add-a-hubspot-module-to-a-blog-post-template",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://htmlcodingshop.com/hubfs/dark_logo_transparent_background.png"
    },
    "name" : "HTML Coding Shop"
  }
}
```

```json
{
  "@context" : "http://schema.org",
  "@type" : "Article",
  "author" : {
    "@type" : "Person",
    "name" : [ "Amy Andrews" ],
    "url" : "https://htmlcodingshop.com/blog/author/amy-andrews"
  },
  "datePublished" : "2022-11-03T15:07:29+0000",
  "description" : "How to add a custom module to your blog post template within your HubSpot CMS theme.",
  "headline" : "Add a HubSpot module to a blog post template within your theme",
  "image" : "",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://f.hubspotusercontent10.net/hubfs/20661769/dark_logo_transparent_background.png"
    },
    "name" : "Amy Andrews"
  },
  "url" : "https://htmlcodingshop.com/blog/add-a-hubspot-module-to-a-blog-post-template"
}
```