Hola! ¡Tenemos nuestra Comunidad en Español!

Consistency in Certification Badge Design

Highlighted
New Contributor

We like to include all our agency employee certificaitons on our website, but there is increasing incosistency in the appearance of the badges. We are looking for a way to disply them nicely in the meantime, but are there plans to make this more consistent so HubSpot users are more likely to share their accomplishments?

Reply
0 Upvotes
5 Replies
Community Manager

Hey @lbowshier could you please share some examples? Thanks, this is important feedback. I know this is something our team is continuing to work on. @Julien would you be able to follow up further with @lbowshier?

Reply
0 Upvotes
New Contributor

The Contextual Marketing badge seems to be the only remaining outlier for the main certifications. 

 

However, the other type--not sure what they are being called these day, but I think they were non-expiring "certificates" before--are different than both the old and new badges.

 

(I tried to include the HTML but it wouldn't let me post so I had to them out). Hopefully that is enough info to help you look into it.

 

Reply
0 Upvotes
New Contributor

I'm having the same problem.  I have 5 certifications and badges are all different sizes.  This is the HTML.

<!-- Begin: HubSpot Academy - Inbound Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Inbound'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/24-5847145-1549738749377.png' />

</a>

</div>

<!-- End: HubSpot Academy - Inbound Badge -->

 

<!-- Begin: HubSpot Academy - Social Media Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Social Media'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/29-5847145-1542229565894.png' />

</a>

</div>

<!-- End: HubSpot Academy - Social Media Badge —>

 

<!-- Begin: HubSpot Academy - Inbound Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Inbound Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/23-5847145-1536925798381.png' />

</a>

</div>

<!-- End: HubSpot Academy - Inbound Marketing Badge —>

 

<!-- Begin: HubSpot Academy - Content Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Content Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/15-5847145-1553705666821.png' />

</a>

</div>

<!-- End: HubSpot Academy - Content Marketing Badge —>

 

<!-- Begin: HubSpot Academy - Email Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Email Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/11-5847145-1532789831484.png' />

</a>

</div>

<!-- End: HubSpot Academy - Email Marketing Badge -->

Reply
0 Upvotes
Community Manager

Hi @kathy12 ,

 

Thanks for reaching out! 

 

@coachcourt it looks like you were helping another user with this issue in this thread, do you have any tips for @kathy12?

 

Thanks,
Jenny


Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes
Academy Team

Hello All, 

 

Thank you for providing this feedback and for bringing this to our attention. We will take a look to see how we can ensure that the badges are consistent in size! 

 

Thank you, 

 

Courtney 

Reply
0 Upvotes