All Collections
For Admins
Registration and Sign Ups
How to Display Programs on Your Website
How to Display Programs on Your Website
Updated over a week ago

You must have "Full Access" or "Limited Access - Website" permissions to display programs.

Your organization must have a Program created to utilize this functionality. In addition to your organization's programs on, they can be displayed directly on your website.

  1. In the left navigation menu of "SportsEngine HQ", click Go to My Website and turn on Edit Mode.

  2. Click the Options tab > Edit <HEAD> Code.

    • If you have a premier theme, contact your account manager to access the head code.

  3. Copy the code:

    <script type=“text/javascript” src=“”></script>
    <script type=“text/javascript”>
    enabledFilters: [],
    enabledDisplayFeatures: [“pagination”],
    params: {listing_type: “program”},
    distance: “max”,
    id: “my-programs”,
    width: “100%“,
    height: “820px”,
    title: “Our Programs”,
    gtmOverride: “1”
  4. If you want the programs to display just on this page, paste the code in the Single Page <Head> Code box. For programs to display on this page and all pages below it, paste in the Cascading <Head> Code box.

  5. Click Save Changes.

  6. Click the Content tab.

  7. Click Add Page Element > Code.

    • The widget fits best in either a two or three-column container.

  8. In the code box, paste <div id="my-programs"></div> and click Save Changes.

  9. Turn off edit mode to view your programs.

All program updates made in HQ are immediately reflected on your website.

Did this answer your question?