CMS Development

mchvatal
投稿者

Adding Instagram Handle to Author Bio

解決

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件の承認済みベストアンサー
Stephanie-OG
解決策
キーアドバイザー

Adding Instagram Handle to Author Bio

解決

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!

元の投稿で解決策を見る

0 いいね!
vikrams74
解決策
メンバー | Solutions Partner
メンバー | Solutions Partner

Adding Instagram Handle to Author Bio

解決

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

元の投稿で解決策を見る

8件の返信
darivers
メンバー

Adding Instagram Handle to Author Bio

解決

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 いいね!
dennisedson
HubSpot製品開発チーム
HubSpot製品開発チーム

Adding Instagram Handle to Author Bio

解決

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!

0 いいね!
vikrams74
解決策
メンバー | Solutions Partner
メンバー | Solutions Partner

Adding Instagram Handle to Author Bio

解決

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
参加者 | Solutions Partner
参加者 | Solutions Partner

Adding Instagram Handle to Author Bio

解決

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

0 いいね!
dvdbond
メンバー

Adding Instagram Handle to Author Bio

解決

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

0 いいね!
Stephanie-OG
解決策
キーアドバイザー

Adding Instagram Handle to Author Bio

解決

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!

0 いいね!
brennencarroll
参加者

Adding Instagram Handle to Author Bio

解決

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 いいね!
tdathletesedge
メンバー

Adding Instagram Handle to Author Bio

解決

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

0 いいね!