Free Salesforce Trailhead Widget Generator

Embed your Trailhead badges, points, rank & certifications on any website in seconds | Read the full guide

-- Trailblazers using this widget

Customize Widget

Layout
Avatar
Colors

Live Preview

Click "Generate Widget" to preview

Embed Code

<!-- Trailhead Widget --> <div id="trailhead-widget"></div> <script src="https://jitendrazaa.com/Trailhead.php?profileId=YOUR_PROFILE_ID"></script>

Customize Widget

Layout
Display Options
Colors

Live Preview

Click "Generate Widget" to preview

Embed Code

<!-- Certification Widget --> <div id="certification-widget"></div> <script src="https://jitendrazaa.com/Trailhead.php?type=certification&profileId=YOUR_PROFILE_ID"></script>

Customize Widget

Profile Section
Certifications Layout
Display Options
Colors

Live Preview

Click "Generate Widget" to preview

Embed Code

<!-- All In One Widget --> <div id="allinone-widget"></div> <script src="https://jitendrazaa.com/Trailhead.php?type=allinone&profileId=YOUR_PROFILE_ID"></script>

TL;DR - What is the Trailhead Widget?

The Trailhead Widget is a free tool by Jitendra Zaa that lets you embed your Salesforce Trailhead profile on any website. It displays your badges, points, trails, rank, and certifications. Choose from 3 widget types: Trailhead Stats, Certifications, or All In One. Customize colors, layouts, and more. Simply enter your Profile ID and copy the embed code.

Pro Tips: Maximize Your Trailblazer Visibility

Direct Embed Support: These platforms allow you to paste the widget code directly.

WordPress Integration

Embed the widget on your WordPress site in seconds:

  • Use the Custom HTML block in Gutenberg editor
  • For Classic Editor, switch to "Text" mode and paste the code
  • Add to sidebar using a "Custom HTML" widget
  • Works with any theme - no plugin required!

Substack Newsletter

Add credibility to your Substack posts:

  • Substack supports HTML embeds - paste the widget code directly!
  • Add to your "About" page to showcase Salesforce expertise
  • Include in newsletter footer as a signature element
  • Use the compact layout for less intrusive placement

Screenshot Workaround: These platforms don't support direct embeds, but you can still showcase your credentials.

Medium Articles

Showcase credentials in your Medium posts:

  • Take a screenshot of your widget and embed as an image
  • Add your Trailblazer profile link below the image
  • Use in your "About" section or article footer for credibility

LinkedIn Profile

Boost your professional profile visibility:

  • Add widget screenshot to LinkedIn "Featured" section
  • Link to your hosted widget page from Featured media
  • Include certification count in your headline
  • Share widget page as a post when you earn new badges

GitHub Profile README

Showcase your Salesforce skills on GitHub:

  • Create a repository named after your GitHub username
  • Add a README.md with your Trailblazer link
  • Embed widget screenshot: ![Trailhead](image.png)
  • Link to verification URL for authenticity

Bonus Tip: Combine your Trailhead widget with your Salesforce certification verification links. Each certification has a unique verification URL from Salesforce - add these to your portfolio for extra credibility!

Popular Ways to Use the Trailhead Widget

Personal Portfolio & Resume

Showcase your Salesforce skills to potential employers. Add the widget to your online resume or portfolio to display verified achievements.

WordPress Blog or Website

Easily embed the widget in WordPress using a Custom HTML block. Perfect for Salesforce consultants and bloggers to build credibility.

Company Team Pages

Display your team's collective Salesforce expertise. Show certifications and badges on your consulting firm's about page.

LinkedIn & Social Profiles

Link to your widget page from LinkedIn or include screenshots. Great for personal branding in the Salesforce ecosystem.

Frequently Asked Questions

What is the Trailhead Widget?

The Trailhead Widget is a free embeddable tool that displays your Salesforce Trailhead profile statistics including badges, points, trails completed, rank, and certifications on any website or blog.

How do I find my Trailhead Profile ID?

Go to salesforce.com/trailblazer/me and copy the last part of your profile URL. For example, if your URL is salesforce.com/trailblazer/jitendrazaa, your Profile ID is jitendrazaa.

Is the Trailhead Widget free to use?

Yes, the Trailhead Widget is completely free to use. Simply generate your embed code and add it to your website. There are no hidden costs or premium features.

What customization options are available?

You can customize layout (vertical, horizontal, compact), avatar size (40px to 100px), background colors (including transparent), and for certifications you can choose grid, list, or compact view, sort order (newest, oldest, name), and toggle display of certificate images, year earned, and status.

Can I display both Trailhead stats and Certifications together?

Yes! Use the "All In One" widget which combines your Trailhead profile (avatar, name, rank, badges, points, trails) with your Salesforce certifications in a single embeddable widget.

Does the widget work with private Trailhead profiles?

No, your Trailhead profile must be set to public for the widget to display your data. Private profiles will show a "Private Profile" message.

How often does the widget data update?

The widget caches data for 1 hour to ensure fast loading times. After that, it fetches fresh data automatically.

How do I add the widget to WordPress?

In WordPress, add a "Custom HTML" block to your page or post, then paste the embed code. For the classic editor, switch to "Text" mode and paste the code. The widget works with any WordPress theme.

Is the widget mobile-friendly?

Yes, all widget layouts are fully responsive and automatically adapt to mobile screens. The compact layout works especially well on smaller devices.

Is my data secure? What information is shared?

The widget only displays publicly available information from your Trailhead profile. No login credentials or private data is collected. The widget fetches data directly from Salesforce's public Trailblazer API.

Widget Preview

Salesforce Trailhead Widget Preview - Display Badges, Points, Rank and Certifications on Any Website

Example widget displaying Trailhead stats and certifications

Share This Tool

Help other Trailblazers discover this free widget!

Share on X/Twitter Share on LinkedIn

Related Reading

Learn more about Trailhead and Salesforce career tips: