How to Add Audio to Your HubSpot Blog for Better Engagement

Even with the abundance of AI tools available, it takes time and dedication to produce genuinely useful content. There's a lot of fluff out there—marketing mumbo-jumbo, as one of my early bosses used to call it.

But you’ve written great content and want it to stand out even more. But how?

Adding audio post narration to your HubSpot blog makes your content more accessible, enhances engagement, and boosts SEO.

Let’s give your audience a reason to stay longer and interact more deeply with your content.

Step 1: Add Narration Module to Blog Template

1. In your HubSpot account, navigate to Content > Blog.
2. Hover over a blog post and click Edit.
3. In the content editor, click the Settings menu and select Post narration.
4. In the alert banner, click Design Manager. This redirects you to the blog post template in the design manager.

In your blog post template, paste the following HubL snippet where the audio player should appear:

{% module "blog_post_audio" path="@hubspot/blog_audio", overrideable=False %}

5. In the top right, click Publish Changes.

Step 2: Use Post Narration in Blog Posts

1. In your HubSpot account, navigate to Content > Blog.
2. Hover over a blog post and click Edit.
3. In the content editor, click the Settings menu and select Post narration.
4. In the dialog box, click Generate.
5. In the right panel, customize the text in the Narration transcript field.
6. Click the AI Voice dropdown menu and select a voice.
7. Click Generate. An audio player will appear when the narration is ready to preview.
8. Click the Play icon in the audio player to preview the narration.
9. Click Add to HubSpot blog post to finalize the narration, or click Generate again to redo it.

Step 3: Customize Player Appearance

Customize the appearance of the audio player using the styles parameter in the HubL snippet.

Example:

{% module "narration" path="@hubspot/blog_audio", overrideable=False, styles={ groupColors: { override: 'custom', background: { color: '#0091ae' }, text: { color: '#ffbcac' }, hover: { color: '#7fded2' } } } %}

Check out HubSpot’s Use the post narration module knowledge base article for more details. 

Although this step-by-step guide will help you integrate audio narration into your HubSpot blog posts, feel free to connect with our HubSpot developers, and we’ll be happy to implement it for you!