Trailhead Widget for your Website

Author posted by Jitendra on Posted on under category Categories Salesforce and tagged as Tags with Leave a comment on Trailhead Widget for your Website

Show your hard earned badges by adding Trailhead Widget on your Website or Blog

Trailhead Widget for websites

Here it comes, Christmas goodies for Trailhead lovers. If you own WordPress, blogspot or any website, use this Trailhead widget to show and brag about all your badges. Badges,  which you have earned by completing challenges on sleepless nights, on airport, during commute or over the weekends. What could be the best way to show Trailhead profile summary other than widget?

Will it impact performance of my website

All computations are done outside of your website and Javascript execution is asynchronous, which will make sure website rendering is not blocked by this widget.

How to use it

Step 1

Identify the URL of your Trailhead profile. Make sure you are not copying URL of success community. Below image shows steps to get Trailhead URL. We just need end part of URL, after last forward slash.

Salesforce Trailhead Profile
Salesforce Trailhead Profile
Salesforce Trailhead Profile URL
Salesforce Trailhead Profile URL

As shown in above image we just need text after last forward slash which is 005….AAW

Step 2

As shown in below image, just replace white part by your ProfileId and paste code  in your website. div tag would be replaced by widget content.

Salesforce Trailhead Widget Code
Salesforce Trailhead Widget Code

Feel free to provide feedback and suggestions !!!

Related posts