CMS-Blog

How can I add the blog author bio at the bottom of a blog post?

Last updated: May 31, 2018

Applies to:

Marketing Hub
marketing-basic-pro-enterprise
Basic, Professional, Enterprise

Adding the blog author's bio at the bottom of a blog post involves changing some HTML within your blog template. If you don't have experience with code, work with a designer to ensure that all edits are made correctly.

  • In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
  • Click the name of your blog template. 
  • Click the Blog Content module
  • In the right sidebar menu under Post Templates, click Edit post template

  • Paste the following code in the HTML editor after

    Adding the blog author's bio at the bottom of a blog post involves changing some HTML within your blog template. If you don't have experience with code, work with a designer to ensure that all edits are made correctly.

    • In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
    • Click the name of your blog template. 
    • Click the Blog Content module
    • In the right sidebar menu under Post Templates, click Edit post template

    • Paste the following code in the HTML editor after {{ content.post_body }}:
    <p id="hubspot-author_data" class="hubspot-editable" data-hubspot-form-id="author_data" data-hubspot-name="Blog Author" >
    <span class="hs-author-label">Posted by</span>
    <a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a>
    {% if content.blog_post_author.avatar %} <div class="hs-author-avatar"> <img width="35 px" src="{{ content.blog_post_author.avatar }}"> </div> {% endif %}
    <p>{{ content.blog_post_author.bio }}</p>
    <a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link hs-social-facebook">Facebook </a>
    <a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link hs-social-linkedin">LinkedIn</a>
    <a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">Twitter </a>
    <a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link hs-social-google-plus">Google+</a>
    {% endif %}
    <p> <a href="{{ content.blog_post_author.website }}" target="_blank">Website</a></p>
    {% endif %}
    • Click Publish changes in the upper right-hand corner. 

    Alternatively, you can add an HTML module to your template from the marketplace:

    • In your HubSpot account, navigate to Marketing > Files and Templates > Marketplace.
    • In the left sidebar, select Modules from the Category dropdown menu.
    • Add the HTML option to your account. 
    • Return to your blog templates under Content > Design Manager
    • Click the + Add tab in the right sidebar menu. 
    • Click and drag the HTML module into your template. Ask your designer to add the HTML above for the author bio.
    :
<p id="hubspot-author_data" class="hubspot-editable" data-hubspot-form-id="author_data" data-hubspot-name="Blog Author" >
<span class="hs-author-label">Posted by</span>
<a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a>
{% if content.blog_post_author.avatar %} <div class="hs-author-avatar"> <img width="35 px" src="{{ content.blog_post_author.avatar }}"> </div> {% endif %}
<p>{{ content.blog_post_author.bio }}</p>
<a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link hs-social-facebook">Facebook </a>
<a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link hs-social-linkedin">LinkedIn</a>
<a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">Twitter </a>
<a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link hs-social-google-plus">Google+</a>
{% endif %}
<p> <a href="{{ content.blog_post_author.website }}" target="_blank">Website</a></p>
{% endif %}
  • Click Publish changes in the upper right-hand corner. 

Alternatively, you can add an HTML module to your template from the marketplace:

  • In your HubSpot account, navigate to Marketing > Files and Templates > Marketplace.
  • In the left sidebar, select Modules from the Category dropdown menu.
  • Add the HTML option to your account. 
  • Return to your blog templates under Content > Design Manager
  • Click the + Add tab in the right sidebar menu. 
  • Click and drag the HTML module into your template. Ask your designer to add the HTML above for the author bio.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.