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:

  1. Create a new page under Pages > View & Edit Pages by clicking the Add New Page button.
  2. 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.
  3. Choose Embed as the Page Type.
  4. 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:

  1. 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 green Add New Component button at the top right of the Page Editor. Choose a team or angler leaderboard from the Tournaments tab and click the blue Add Component button to add it to the embeddable page. Customize the leaderboard to your liking, then click the Save 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 blue Duplicate button to make the copy, then click the blue Go to Duplicate to jump back to the embeddable page.

Embedding your new page on another website:

  1. 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)
  2. 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>
    
  3. 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.