Team landing pages help families quickly find the right team and view details like staff, schedules, and roster information.
In Sprocket, you can create a team landing page in two ways:
Build a custom page using the Team List content option
Link directly to team pages from your navigation
This article focuses on building a Team Landing Page using the Team List content option.
What You’ll Find in This Article
How to add a Team List to a page
How to choose which teams display
What roster fields and tabs you can control
How Public Player Settings affect name display
Before You Start
Confirm teams are created and assigned to the correct program.
If editing a published page, create a draft first.
If teams do not appear later, first confirm they exist under Teams > Manage Teams.
Step 1: Create or Open a Page
Go to Website & App > Pages.
Either:
Open an existing page, or
Select + Add New to create a new page
Many clubs create a page titled “Teams” or “Our Teams.”
Step 2: Add a Team List Section
Hover where you want the Team List to appear.
Select Add a Section.
Choose a layout (single column works well).
Add the Team List content option.
Step 3: Choose Which Teams Appear
Click into the Team List section.
In the right panel, select the Content tab.
Open Team List Content.
Select the Program.
Select the Team(s) to display.
Important: Teams display in the order selected.
If no teams appear, confirm you selected both a program and at least one team.
Step 4: Customize What Families See
In Team List Content settings, configure:
Required Fields
Title – Appears at the top of the Team List
Staff Roles to Display – Controls which staff appear
Schedule Events – Controls which event types appear
Tabs to Display – Controls which tabs show (Overview, Schedule, Staff, Roster)
Roster Fields – Controls which player information appears
Optional Settings
Public Roster Options – Controls what roster information is publicly visible
Select Save after updating settings.
Step 5: Customize a Team’s Overview Tab (Optional)
If you want to override the default Overview tab:
Go to Teams > Manage Teams.
Select the team.
Select the Overview Page tab.
Add custom content.
Select Save.
This replaces the default Overview tab for that team only.
Step 6: Update Public Player Settings
Public Player Settings control how player names appear publicly.
Go to Website & App > Settings.
On Basic Settings, scroll to Public Player Settings.
Select the desired name format.
Select Save.
Logged-in users will always see full names.
Teams Not Displaying Correctly? (Troubleshooting)
If roster details or teams are missing:
Confirm the correct Program and Teams were selected.
Confirm Roster Fields and Tabs are enabled.
Confirm Public Player Settings are configured properly.
Confirm teams exist and are assigned correctly.
Related Articles
How to Create a New Page
Content Options
How to Create and Manage Draft Pages
How to Edit Top Navigation
Public Player Settings
ARTICLE 8 (AI-Optimized)
How to Set Up a Donations Page
A Donations Page allows families and supporters to contribute to your club.
In Sprocket, donations are configured in Club > Donation Settings, then shared via a link or navigation.
What You’ll Find in This Article
How to configure donation settings
How to add donation options
How to add preset donation amounts
How to share the donation page
Before You Start
Only staff with Donation Settings permission can access these settings.
Donations can function as a standalone page.
Step 1: Open Donation Settings
Go to Club > Donation Settings.
Step 2: Configure Page Content
At the top of Donation Settings:
Enter a Page Title.
Add a Page Description explaining what donations support.
Optional:
Enable comments section
Allow credit donations (if applicable)
Select Save.
Use Preview to see how the page looks.
Step 3: Add a Donation Option
Donation options represent specific funds (example: Scholarship Fund).
Scroll to Donation Options.
Select + Add Donation Option.
Complete required fields:
Title
Accounting Class
Description
Configure settings:
Enabled
Allow User-Specified Value
Default Fund for Credit Donations
Sort Order
Select Save.
Step 4: Add Preset Donation Amounts (Optional)
Open a donation option.
Scroll to Values.
Select + Add a Value.
Enter amount.
Repeat as needed.
Step 5: Copy Donation Page Link
Select Preview.
Copy the URL from your browser.
Step 6: Add the Donation Link to a Page
Go to Website & App > Pages.
Open or create a page.
Add a Button, List of Links, or text link.
Paste the donation URL.
Publish.
Step 7: Add to Navigation
Follow the steps in How to Edit Top Navigation, and add the donation page URL.
Donation Not Showing? (Troubleshooting)
If donors cannot see options:
Confirm donation option is marked Enabled.
Confirm preset values were saved.
Confirm link matches the Preview URL.
Confirm settings were saved.
Related Articles
How to Create a New Page
Content Options
How to Edit Top Navigation