skip navigation

Keep traffic flowing with team buttons

01/17/2017, 3:00pm CST
By Loren Nelson

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.

How it works

We show some best practices for using the Team Buttons page element:

  1. Set up your Teams page for the addition of team buttons
  2. Deploy the Team Buttons page element
  3. Manage the team buttons page element settings

Deploy 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.

Set up your Teams page for the addition of team buttons

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.

Manage the team buttons page element settings

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.

Learn More

Want to discuss how Sport Ngin's Sitebuilder tools can save time for your organization's administrators? Let's talk: sportngin.com/get-started

Tag(s): Pro Tips