Salesforce Trailhead widget for your Website

Hi Friends

Recently, I have been working on a small project, where I wanted to make a profile card, which displayed your trailhead profile (your rank, Badges, point and your basic Info available on Trailhead). Something like shown below.

This Salesforce Trailhead widget will help you, showcase your hard-earned Badges, points and completed trails on your website. If you own a WordPress site, Blogspot or any website, just use this widget like a swag to brag about your achievements in trailhead.

Any impact on my Blog or website? well this widget uses an asynchronous call to an external server and everything is calculated there and the result is embedded on your website without using any of your website’s resources.

To Use this widget for your website please follow the below instruction.

Step 1

To begin we need your trailhead profile Id, you can find your trailhead profile by logging into your trailhead account and clicking on the profile drop-down menu as shown in the image below:

you will either find a vanity URL or a Profile ID – ‘005500000061VVIAA2’ copy it and paste it temporarily on your system.

Step 2 

Copy the below code and paste on your page:

https://gist.github.com/sumitkumardatta/2b67d71c20c09742a4b7e958dd0119e4

Step 3 

Now In the code line shown below:

Have a Happy New Year from salesforce Next Gen