Embedding leaderboards
Creating Embeddable Leaderboards
If you want to embed your tournament or series leaderboards on another website, you can create an embeddable version under the Pages section. This can also work for any other type of content, including registration and catch submission forms, as well as text and image components, so you're no limited to embedding just leaderboards.

Image 1: The Add New Page dialog window showing an embeddable page during it's creation.
Creating embeddable content with the 'Embed' page type
Create a new embeddable page:
- Create a new page under
Pages > View & Edit Pages
by clicking theAdd New Page
button. - Fill in a name for your new embeddable page (e.g. Main Leaderboard) and choose a folder where it will be initially stored. If you plan on creating multiple embeddable pages, consider creating a separate folder to hold them.
- Choose Embed as the
Page Type
. - Click the blue
Add New Page
button at the bottom of the dialog to create your new embeddable page.
Adding a leaderboard to your new page:
-
After adding your new page, click the blue
Edit this Page
button to jump to the page editor for your new page.
To add a new leaderboard: Click the greenAdd New Component
button at the top right of the Page Editor. Choose a team or angler leaderboard from theTournaments
tab and click the blueAdd Component
button to add it to the embeddable page. Customize the leaderboard to your liking, then click theSave Changes
button to save the leaderboard.
To copy an existing leaderboard: Navigate to the Page Editor of the page where the leaderboard you want to copy is located. Click the copy button on the leaderboard you want to make a copy of and choose the new embeddable page from the page list to duplicate your leaderboard to. Click the blueDuplicate
button to make the copy, then click the blueGo to Duplicate
to jump back to the embeddable page.
Embedding your new page on another website:
- From the Page Editor for your new embeddable page, click the purple
View on website
button to open the embeddable page. Select and copy the full address of the page (i.e. URL) from the address bar (e.g. https://www.profishingtournaments.com/embed.php?id=123) - Add an iframe HTML tag to the HTML code on your other website, replacing the
[*YOUR-PAGE-URL*]
with the full address of the page you copied in the last step:
<iframe width="100%" height="500" src="[*YOUR-PAGE-URL*]"></iframe>
- Optionally, change the height of your
<iframe>
tag to a lower or higher numner to match the contents of your embeddable page and components.
How do I embed something other than a leaderboard?
The same process above can be used to embed any single component, or multiple components, onto another website. Just replace your leaderboard component with anything else you wish to embed, then follow the same steps to create your embeddable<iframe>
tag.