Place SEO content on a Hubspot CMS webpage, via a couple of HTML elements

[JRobertshaw]

HI, 

we have been approached by an SEO company that is working with their clients HubSpot Website and they are looking to place SEO content on a Hubspot CMS webpage, via a couple of HTML elements (<detail> - <summary> tag pair).

Just struggling a bit to work out what the best way to approach this is, they are looking to implment somehting similar to this a mock-up - see: https://maasmedia.com.au/#hubspot-proposal on the Maas Media website.

If you view source on this section of the footer you will see the code from the Named Anchor (not actually part of the proposal, but there as a reference) down to the close of the </details> tag.

Ideally we would need to be able to change the plain text in the <summary> tag and all the content within the <article> tag as well as any CSS styling pertaining to the construct.

If anyone could provide us with some idea of the feasibility of doing somehting like this

If any further clarification regarding the details of the idea are required, please just drop us a line.

[Indra · Accepted solution]

Hi @JRobertshaw,

For you to create a module that has a title and summary, it's best to create a custom module in HubSpot.

In there you can create 2 custom fields and would the setup by like this.

You can check the documentation about creating custom modules at: Module and Theme Fields Overview 

Fields:

- summary

- article

Your HTML

<details>
  <summary>
    {{ module.summary }}
  </summary>
  <article id="marquee">
    {{ module.article }}
  </article>
</details>

Your css:

details{
}
details summary{
}
details article{
}