{"id":6375,"date":"2017-12-21T03:11:04","date_gmt":"2017-12-21T03:11:04","guid":{"rendered":"http:\/\/www.jitendrazaa.com\/blog\/?p=6375"},"modified":"2026-01-06T11:24:05","modified_gmt":"2026-01-06T16:24:05","slug":"trailhead-widget-for-any-website","status":"publish","type":"post","link":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/trailhead-widget-for-any-website\/","title":{"rendered":"Trailhead Widget for your Website"},"content":{"rendered":"\n<p>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,&nbsp; 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?<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong><a href=\"https:\/\/www.jitendrazaa.com\/WidgetConfiguration.html\">Configure Trailhead Widget for your Website NOW<\/a><\/strong><\/h2>\n\n\n\n<p><strong>Will it impact performance of my website<\/strong><\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p><strong>Code Updated on June 8 2019&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Profile Name and Image links to Trailhead Profile<\/li>\n\n\n\n<li>Performance improvement of Widget<\/li>\n\n\n\n<li>Badge information will sync with Trailhead every 60 minutes<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to use it<\/strong><\/h2>\n\n\n\n<p><strong>Step 1<\/strong><\/p>\n\n\n\n<p>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. <strong>We just need end part of URL, after last forward slash.<\/strong><\/p>\n\n\n\n<!--more-->\n\n\n\n<figure class=\"wp-block-image aligncenter size-full wp-image-6377\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1005\" height=\"351\" src=\"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile.png?resize=1005%2C351&#038;ssl=1\" alt=\"Salesforce Trailhead Profile\" class=\"wp-image-6377\" srcset=\"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile.png?w=1005&amp;ssl=1 1005w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile.png?resize=300%2C105&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile.png?resize=768%2C268&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Salesforce Trailhead Profile<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large wp-image-6378\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"233\" src=\"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile-URL.png?resize=1024%2C233&#038;ssl=1\" alt=\"Salesforce Trailhead Profile URL\" class=\"wp-image-6378\" srcset=\"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile-URL.png?resize=1024%2C233&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile-URL.png?resize=300%2C68&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile-URL.png?resize=768%2C174&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Profile-URL.png?w=1026&amp;ssl=1 1026w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Salesforce Trailhead Profile URL<\/figcaption><\/figure>\n\n\n\n<p>As shown in above image we just need text after last forward slash which is 005&#8230;.AAW<\/p>\n\n\n\n<p><strong>Step 2<\/strong><\/p>\n\n\n\n<p>As shown in below image, just replace&nbsp;<strong>white&nbsp;<\/strong>part by <strong>your ProfileId<\/strong> and paste code&nbsp; in your website.&nbsp;<strong>div&nbsp;<\/strong>tag would be replaced by widget content.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large wp-image-6379\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"211\" src=\"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Widget-Code.png?resize=1024%2C211&#038;ssl=1\" alt=\"Salesforce Trailhead Widget Code\" class=\"wp-image-6379\" srcset=\"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Widget-Code.png?resize=1024%2C211&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Widget-Code.png?resize=300%2C62&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Widget-Code.png?resize=768%2C158&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Widget-Code.png?resize=1200%2C247&amp;ssl=1 1200w, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Salesforce-Trailhead-Widget-Code.png?w=1388&amp;ssl=1 1388w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Salesforce Trailhead Widget Code (In above image, replace https:\/\/jitendrazaa.com to https:\/\/jitendrazaa.com in 2 &amp; 5 lines)<\/figcaption><\/figure>\n\n\n\n<p><script src=\"https:\/\/gist.github.com\/JitendraZaa\/f1326574aedd27566ad3bc354351c550.js\"><\/script><\/p>\n\n\n\n<p>Feel free to provide feedback and suggestions !!!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Show your hard earned badges by adding Trailhead Widget on your Website or Blog<\/p>\n","protected":false},"author":1,"featured_media":6376,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"jz_research_post":"","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[9],"tags":[290],"class_list":["post-6375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-salesforce","tag-trailhead"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2017\/12\/Screenshot-2017-12-20-19.56.09.png?fit=839%2C887&ssl=1","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":4240,"url":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/how-to-become-salesforce-admin-and-developer-trailhead-is-good-answer\/","url_meta":{"origin":6375,"position":0},"title":"How to start learning Salesforce &#8211;  Trailhead is good answer","author":"Jitendra","date":"February 9, 2015","format":false,"excerpt":"In last 3-4\u00a0years, Salesforce is well known cloud computing platform between\u00a0IT professionals and fresh college graduates. Dreamforce, well known for largest conference on planet breaking its own record every year. Salesforce is also\u00a0top Innovative company in world as per forbes. Change is inevitable - well adapted by Salesforce.\u00a0Unlike traditional languages,\u2026","rel":"","context":"In &quot;Salesforce&quot;","block_context":{"text":"Salesforce","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/salesforce\/"},"img":{"alt_text":"Trailhead - Data Security","src":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/02\/Trailhead-Data-Security.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/02\/Trailhead-Data-Security.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/02\/Trailhead-Data-Security.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/02\/Trailhead-Data-Security.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":5113,"url":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/merry-trailhead-and-happy-new-year-full-of-goodies\/","url_meta":{"origin":6375,"position":1},"title":"Merry Trailhead and Happy New Year full of goodies","author":"Jitendra","date":"December 24, 2015","format":false,"excerpt":"Trailhead wishes every Salesforce Admin, Developer, Business users\u00a0a very \"Merry Christmas\" and \"Happy New Year\" with lots of goodies in form of new modules and project. I have always been big fan of Trailhead and already wrote few articles previously. It has huge response, support and expectation from community. We\u2026","rel":"","context":"In &quot;Salesforce&quot;","block_context":{"text":"Salesforce","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/salesforce\/"},"img":{"alt_text":"Prizes - Build a Battle Station App","src":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/12\/Prizes-Build-a-Battle-Station-App.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/12\/Prizes-Build-a-Battle-Station-App.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/12\/Prizes-Build-a-Battle-Station-App.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/12\/Prizes-Build-a-Battle-Station-App.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":5426,"url":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/new-trail-in-trailhead-navigate-the-salesforce-advantage\/","url_meta":{"origin":6375,"position":2},"title":"New Trail in Trailhead &#8211; Navigate the Salesforce Advantage","author":"Jitendra","date":"March 27, 2016","format":false,"excerpt":"Navigate the Salesforce Advantage - New learning module and project added to Trailhead","rel":"","context":"In &quot;Salesforce&quot;","block_context":{"text":"Salesforce","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/salesforce\/"},"img":{"alt_text":"Salesforce Success Model - Trailhead","src":"https:\/\/i0.wp.com\/developer.salesforce.com\/resource\/images\/trailhead\/badges\/modules\/trailhead_module_advantage_salesforce_success_model.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":6943,"url":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/trailhead-challenge-errors-solutions\/","url_meta":{"origin":6375,"position":3},"title":"Trailhead Challenge Errors &#038; Solutions","author":"Jitendra","date":"January 2, 2020","format":false,"excerpt":"Solutions to error or problem faced while completing Trailhead Challenges","rel":"","context":"In &quot;Salesforce&quot;","block_context":{"text":"Salesforce","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/salesforce\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2020\/01\/Screen-Shot-2020-01-10-at-11.36.43-PM.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2020\/01\/Screen-Shot-2020-01-10-at-11.36.43-PM.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2020\/01\/Screen-Shot-2020-01-10-at-11.36.43-PM.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2020\/01\/Screen-Shot-2020-01-10-at-11.36.43-PM.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2020\/01\/Screen-Shot-2020-01-10-at-11.36.43-PM.png?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":4769,"url":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/event-monitoring-and-trailhead\/","url_meta":{"origin":6375,"position":4},"title":"Event Monitoring and Trailhead","author":"Jitendra","date":"August 25, 2015","format":false,"excerpt":"This is one of most awaited functionality provided by Salesforce platform recently. In many projects,\u00a0we were getting request from clients on different kind of \u00a0auditing reports like \"most used functionality by users, who is exporting reports, API call usage, link clicks\" etc. Event monitoring tool helps to provide many information\u2026","rel":"","context":"In &quot;Salesforce&quot;","block_context":{"text":"Salesforce","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/salesforce\/"},"img":{"alt_text":"Login by User - Event monitoring","src":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/08\/elf_num_logins_by_user.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/08\/elf_num_logins_by_user.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/08\/elf_num_logins_by_user.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2015\/08\/elf_num_logins_by_user.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":5179,"url":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/how-to-start-career-in-salesforce-applicable-for-freshers-as-well\/","url_meta":{"origin":6375,"position":5},"title":"How to start career in Salesforce &#8211; applicable for Freshers as well","author":"Jitendra","date":"January 9, 2016","format":false,"excerpt":"I was owner of one of Training institute in Nagpur (India) named \"Shivasoft\" for almost 3 years. This is the reason few of you know me as a \"Shivasoft\", some of you know me by my previous twitter handler \"@ilovenagpur\" as well. I was lucky enough that I had many\u2026","rel":"","context":"In &quot;Salesforce&quot;","block_context":{"text":"Salesforce","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/salesforce\/"},"img":{"alt_text":"Starting career in Salesforce","src":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2016\/01\/Interview.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2016\/01\/Interview.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2016\/01\/Interview.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/6375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/comments?post=6375"}],"version-history":[{"count":8,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/6375\/revisions"}],"predecessor-version":[{"id":30971,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/6375\/revisions\/30971"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/media\/6376"}],"wp:attachment":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/media?parent=6375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/categories?post=6375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/tags?post=6375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}