Webmasters often must play the role of traffic cop, minus the hand signals and whistle.
The ability to easily direct parents, coaches and athletes to the pages in which they have the most interest is crucial to avoiding frustration and keeping traffic flowing.
For many organizations, team pages are among the most heavily trafficked pages on their websites. The faster a webmaster can get viewers to team pages, the better the experience. One of the best tools for team page navigation is the Team Buttons page element.
Many sites list Teams as a category in the top navigation, and several of the best Teams landing pages we’ve seen incorporate team buttons. Team buttons offer layout flexibility and, most importantly, work great in desktop, laptop and mobile settings.
We especially like how team buttons are friendly to thumbs when punching up pages on a smartphone.
We show some best practices for using the Team Buttons page element:
Decide where on the page you want your team buttons to appear, click the Add Page Element Link and then select Team Buttons from the list of page elements.
Log in with your SportsEngine account. Toggle into Edit Mode. Create or navigate to your Teams landing page. Separate or order your teams by age group or competitive level or both. In the example displayed to the right, the Junior Wolfpack Football Association uses a three-column layout container and the Text Block page element to create headers for each age group.
Click the Show Tag Menu button to find the team or teams you want to display with team buttons. Be sure to select the desired season for the team you want to display. Choose the number of layout columns you want to use to display your team buttons. Click the Create This Page Element link at the bottom right. Note: If a button is created for a team that is subsequently deleted, the button will no longer appear in User mode. In Edit mode, it will display this message: There are no teams to display for this Team List. This page element will not display in user mode.
Tag(s): Pro Tips