Adding Instagram Handle to Author Bio

SOLVE
mchvatal
Contributor

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?

2 Accepted solutions

Accepted Solutions
Stephanie-OG
Solution
Key Advisor

Hi there!

 

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

 

blog-social-options.png

 

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.

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

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

View solution in original post

0 Upvotes
vikrams74
Solution
Member

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

View solution in original post

8 Replies 8
Stephanie-OG
Solution
Key Advisor

Hi there!

 

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

 

blog-social-options.png

 

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.

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

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

View solution in original post

0 Upvotes
brennencarroll
Participant

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>
0 Upvotes
tdathletesedge
Member

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

0 Upvotes
dvdbond
Member

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

0 Upvotes
LLEH
Participant | Partner

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

0 Upvotes
vikrams74
Solution
Member

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

View solution in original post

darivers
Member

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.

0 Upvotes
dennisedson
Community Manager

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!

Thanks,

Dennis



Check out our Community Developer Blog
where we feature our Community driven developer podcast and how to content
0 Upvotes