× TeamSnap is here to help you navigate the growing impact of COVID-19. Learn More

Set Up Website Builder TeamSnap Modules

How-to

Once you've added your modules, you can configure each one to select how and what information each module displays. If you have any trouble with your modules populating data from TeamSnap, check out our fix it article.

IMPORTANT: TeamSnap Legacy modules are being retired. Update to the new TeamSnap Modules.

In this article

Applies To:
User
  • Members
  • Team Admins
  • Team Owners
  • Org Admins
  • Org Owners
Device
  • Web app Web
  • iOS app iOS
  • Android app Android
Plan
  • Trial
  • Free
  • Basic
  • Premium
  • Ultra
Country
  • United States USA
  • Canada CAN
  • Worldwide Worldwide

Division Module

The division module will present your teams in a list view grouped by division for rankings. Team names, as entered into TeamSnap, are displayed with the option to view each team's win/loss/tie record, winning percentage, and a link to that individual team’s schedule.

NOTE: To use this module, you'll first need teams set up within your divisions. If you do not have any teams set up in the specific division you're adding the module for, the module will get stuck in a loading loop.
  1. Log into your Website Builder site
  2. Click the site name in the top bar to go to your site
  3. Navigate to the page with the module in question
  4. Click the Page Builder button 
  5. Hover over the module's top left corner and click the wrench icon that appears

  6. Under the General tab:
    1. Select the division you'd like displayed with the module in the Division drop-down
      1. To display your full organization structure select your organization name
    2. Select whether to display the Schedule link
      1. If this link is displayed, clicking this link next to a team will take users to a page to view that individual team's schedule 
  7. Under the Standings tab:
    1. Select whether to display division standings or not
    2. Select to display or hide standings columns including place, wins, losses, ties, points for/against, and points abbreviation to display
    3. Select standings sorting columns including default sort column, winning percentage, and total points
  8. Click Save
  9. Click Done at the top right corner of your site
  10. Click Publish Changes

Location Module

The location module allows you to display the name, address, notes as entered into TeamSnap and Google map for locations that have been created at the organization level within TeamSnap. If you’ve entered a URL for a location in TeamSnap, then that will display here as a button.

  1. Log into your Website Builder site
  2. Click the site name in the top bar to go to your site
  3. Navigate to the page with the module in question
  4. Click the Page Builder button 
  5. Hover over the module's top left corner and click the wrench icon that appears

  6. Under the General tab:
    1. Select the location you'd like displayed with the module in the Locations drop-down
    2. Select the locations details you'd like to include, like whether to display a map for the location, the location's link as entered in TeamSnap, and location notes as entered in TeamSnap
  7. Under the Structure tab:
    1. Select the preferred map layout
  8. Click Save 
  9. Click Done at the top right corner of your site
  10. Click Publish Changes

Registration Module

The registration module connects with your TeamSnap forms. You can select which registration form you’d like to display from the drop-down menu and this module will display the form title, how many spots have been filled, how many spots are open, whether the registration is open or closed, the open and close dates and, of course, a button that links to the actual registration.

Within the registration module settings, you can select exactly what you would like to display. For example, if spots filled isn’t important because you don't have a capacity limit on the form, you can simply choose not to display registration limits within the Status tab of the module's settings.

If you’d like you can enter a custom title to override the official form title that is entered in TeamSnap.

There is also a space to write a description. Often, sports organizations will use this space to display pre-requisite information to prepare registrants to complete the form, such as any fees associated with registration or if there are documents needed to prepare and complete the registration.

  1. Log into your Website Builder site
  2. Click the site name in the top bar to go to your site
  3. Navigate to the page with the module in question
  4. Click the Page Builder button 
  5. Hover over the module's top left corner and click the wrench icon that appears

  6. Under the General tab:
    1. Select the form you'd like to display in the Registration Form drop-down
    2. Select whether to display the form title or enter an optional custom title
    3. Enter a description if desired
  7. Under the Status tab:
    1. Select whether to display the status of the form (open/closed)
    2. Select whether to display the registration limit, if set
    3. Select whether to display the opening and/or closing dates for registration
  8. Under the Button tab:
    1. Enter optional custom text for the button when registration is open
    2. Select whether to change the button text when registration has closed
    3. Enter optional text for when registration is closed and/or enter a URL to send users to once registration has closed and they click the button
    4. Select button color preferences
    5. Select button size preferences
  9. Click Save 
  10. Click Done at the top right corner of your site
  11. Click Publish Changes

Schedule Module

Use the schedule module to display your schedule from TeamSnap publicly on your website. You can display the schedule by team or division, and include location information.

  1. Log into your Website Builder site
  2. Click the site name in the top bar to go to your site
  3. Navigate to the page with the module in question
  4. Click the Page Builder button 
  5. Hover over the module's top left corner and click the wrench icon that appears

  6. Under the General tab:
    1. Select whether you would like to display division or team level schedules
    2. Select the divisions or teams to display
      1. Select the organization name to display the full org schedule if you've selected to display divisions
    3. Select whether to display games, events, past games and events, canceled games and events, results, the default header, etc
    4. Select whether to paginate events
      1. If no, the events will all be listed on a single page
      2. If yes, an additional setting will appear to select how many events to display per page
    5. Select the preferred display order of events
  7. Click Save 
  8. Click Done at the top right corner of your site
  9. Click Publish Changes
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.