Adding Instagram Handle to Author Bio

[mchvatal]

Does anyone know if it's possible to add an instagram handle to an author bio? It's odd that Facebook, Twitter, LinkedIn, and Google+ are all available but not Instagram. The company that created our template says it's not possible because those are set by HubSpot. Has anyone been able to figure out a workaround?

[Stephanie-OG · Accepted solution]

Hi there!

Unfortunately that company is right, Instagram isn't included in the default social media options on the author profile: 

It's possible that a custom development job using HubL could be used to add these on the Post Template but it would be messy as you would need to add the Instagram accounts from somewhere other than the author details section and then use conditions to match the accounts to the author. I wouldn't recommend doing this. 

Perhaps you could add this to the Ideas section as a recommendation to the Product team.

---

HubSpot Design / Development

Website | Contact

If this helped, please mark it as the solution to your question, thanks!

[darivers]

I see this originated more than two years ago. I'm redoing a blog and there are multiple authors which change or get added frequentluy so it would be a lot to manage their Instagtrams in a database since we want them to be pulled dynamically based on the author. Has there been any movement on getting Instagtam as one of the defaults? It's way more popular than Google Plus.

[dennisedson]

Is Google Plus still a thing 🤣

I would highly recommend adding a post to the ideas board and sending the post link back here so we can immediately get 1million upvotes on it!

[vikrams74 · Accepted solution]

Hello HubSpot Community,

We had a similar requirement to show Instagram for Blog Author, and we found an alternate approach by creating a HubDB record and based on the author.slug fetching the Instagram URL from the HubDB and displaying it on front-end.

Reference URL: http://momsknowbest-8134779.hs-sites.com/experts_list

[LLEH]

Is this something that will be added to Hubspot in the near future?

[dvdbond]

i think it is illegal to show Google+ and not instagram. c'mon Hubspot!

[Stephanie-OG · Accepted solution]

Hi there!

Unfortunately that company is right, Instagram isn't included in the default social media options on the author profile: 

It's possible that a custom development job using HubL could be used to add these on the Post Template but it would be messy as you would need to add the Instagram accounts from somewhere other than the author details section and then use conditions to match the accounts to the author. I wouldn't recommend doing this. 

Perhaps you could add this to the Ideas section as a recommendation to the Product team.

---

HubSpot Design / Development

Website | Contact

If this helped, please mark it as the solution to your question, thanks!

[brennencarroll]

Hey Yall! I found a pretty simple solution. (Im not the best with the technical terminology, so bare with me.) I took the line of code that displyed the LinkedIn logo/Google + and deleted the second half of it, and instead have it displaying and instagram logo that I uploaded (24x24px). If you keep the first half, then you can put your instagram URL in instead of LinkedIn/Google +, and then it will apply whichever authors IG to the logo thumbnail. 

Here is the line of code. The only thing you would need to do is replace the image source URL with an actual image URL that you have in your file manager. I also added some space in between because it was very close to the Twitter logo. Feel free to manipulate as needed!

<div class="hs-author-social-links">
                                        {% if content.blog_post_author.facebook %}
                                            <a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link hs-social-facebook">Facebook </a>
                                        {% endif %}                   
                                            <a href="{{ content.blog_post_author.linkedin }}" target="_blank"> <img alt="Instagram" src="https://www.insertimagesourcehere.com/hsdfhjksa.png" width="24" height="24" img style="margin-right: 5px" >
                                      {% if content.blog_post_author.twitter %}
                                            <a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link hs-social-twitter">Twitter </a>
                                        {% endif %}
                                        {% if content.blog_post_author.google_plus %}
                                            <a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link hs-social-google-plus">Google+</a>
                                        {% endif %}
                                    </div>

[tdathletesedge]

Thank you for sharing this!
I am newer to HubSpot - how do you access the code to make these changes?