Leaderboard Table Widget

Create Your Own Leaderboard Table Widget in Seconds for Your Website

Build a simple leaderboard table widget with medal-style top rows, participant images, custom headers, responsive rows, and scoped styling controls.

Create Your Leaderboard Table Widget

Create Your Own Leaderboard Table Widget in Seconds for Your Website

How to embed Leaderboard Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Display Rankings in a Clean Table Widget

Keep every participant in one readable table with aligned rank, participant, and points columns. The first three rows stay in the list and receive medal-style badges.

Table controls:

Rank columnParticipant columnPoints column

Create a Table

Display Rankings in a Clean Table Widget

Show Participant Details Clearly

Add participant names, optional profile photos, and avatar fallbacks so each ranked row is easy to recognize.

Participant details:

NamesProfile photosAvatar fallbackWinner badges

Add Participant Details

Choose How Scores Are Ranked

Rank higher scores first for competitions and points, or lower scores first for time-based challenges where the smallest number wins.

Ranking options:

High to lowLow to highScore affixes

Set Ranking Rules

Control Labels and Styling

Rename visible labels, switch themes, adjust colors and spacing, and add scoped custom CSS so the leaderboard table widget fits your brand.

Styling tools:

ThemesColorsCompact rowsCustom CSS

Style the Leaderboard