> ## Documentation Index
> Fetch the complete documentation index at: https://help.coachiq.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Add and Organize Programs in Your Athlete Portal

> Learn how to display training programs, certifications, and resources in your Athlete Portal. Configure sections, access levels, and organization for optimal athlete engagement.

<Info>
  **Where to find this**: Dashboard → App Builder → Content
</Info>

## What you'll accomplish

Set up and organize your training programs, certifications, and resources so athletes can easily access content from their mobile app or web portal. You'll learn how to create sections, control access levels, and optimize the layout for maximum engagement.

## Before you begin

<Note>
  **Required**: At least one program must exist in Content → Programs before you can display it in the Athlete Portal.
</Note>

<img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-programs-grid-view-all.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=512224a08d787586713fbc9b0396fd04" alt="CoachIQ programs library showing all available programs in grid view" width="2210" height="1370" data-path="images/coachiq-programs-grid-view-all.png" />

## Understanding the Programs page

The Programs page displays training content, certifications, and educational resources that athletes access at their own pace.

<img src="https://mintcdn.com/coachiq/lCcqk2TRIA-yIOYQ/images/athletesideprograms.png?fit=max&auto=format&n=lCcqk2TRIA-yIOYQ&q=85&s=bed6d6d8d03938f138f864b94c824e81" alt="Athlete view of the Programs page with training content and progress" width="2210" height="1370" data-path="images/athletesideprograms.png" />

### Programs vs Sessions distinction

<Tabs>
  <Tab title="Quick Reference">
    | Feature | Programs                 | Sessions               |
    | ------- | ------------------------ | ---------------------- |
    | Type    | Self-paced content       | Scheduled bookings     |
    | Shows   | Progress percentage      | Available time slots   |
    | Payment | One-time or subscription | Per session or credits |
    | Access  | Immediate after purchase | At scheduled time      |
  </Tab>

  <Tab title="When to Use">
    **Use Programs for:**

    * Self-paced training content
    * Video tutorials and lessons
    * Certification courses
    * Educational resources

    **Use Sessions for:**

    * Scheduled training times
    * Live coaching sessions
    * Bookable appointments
    * Group classes
  </Tab>
</Tabs>

### Athlete view components

* Program thumbnails with visual previews
* Lesson and media counts (format: "X lessons • Y media")
* Completion progress for started programs
* Section-based organization

## Accessing program settings

<Steps>
  <Step title="Navigate to App Builder">
    From your dashboard, select **App** in the left sidebar.

    <img src="https://mintcdn.com/coachiq/6uophUaKoQZZkQV1/images/athelteportal.png?fit=max&auto=format&n=6uophUaKoQZZkQV1&q=85&s=ca2b436fc7766970baa240bf1e2c43da" alt="CoachIQ App Builder sidebar with App selected in left navigation" width="2208" height="1326" data-path="images/athelteportal.png" />
  </Step>

  <Step title="Select Content tab">
    Click on the **Content** tab in the main navigation.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-app-builder-content-page-sections.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=ada38c88e436b16edfcb8d1ad80b7830" alt="CoachIQ App Builder Content tab showing page sections" width="2210" height="1370" data-path="images/coachiq-app-builder-content-page-sections.png" />
  </Step>

  <Step title="Choose Programs">
    Select **Programs** from the content options to access your program configuration page.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-app-builder-add-content-program.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=63a5270ebc75cefdbdb032d3356951b9" alt="CoachIQ App Builder program selection modal for adding content" width="2210" height="1370" data-path="images/coachiq-app-builder-add-content-program.png" />
  </Step>
</Steps>

## Activating the Programs page

Control athlete visibility of the Programs section through the Active toggle.

<Steps>
  <Step title="Locate the Active toggle">
    Find the **Active** toggle in the top right corner of the Programs page.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-app-builder-page-actions-menu.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=288e606b27408822737c5b932ce911c1" alt="CoachIQ App Builder page actions menu with Active toggle" width="2210" height="1370" data-path="images/coachiq-app-builder-page-actions-menu.png" />
  </Step>

  <Step title="Toggle visibility">
    * **ON**: Programs visible to all athletes in their portal
    * **OFF**: Programs completely hidden from athlete view

    <Warning>
      Deactivating hides all programs immediately, including those athletes are currently completing. Verify this is your intended action before proceeding.
    </Warning>
  </Step>

  <Step title="Update the page">
    Click **Update Page** to save your changes.
  </Step>
</Steps>

## Adding individual programs

<Steps>
  <Step title="Click Add Content">
    In any section, click the **+ Add Content** button.
  </Step>

  <Step title="Select programs">
    The selection modal displays:

    * Thumbnail image
    * Program title
    * Lesson and media count

    Select programs to add to this section. You can select multiple programs at once.
  </Step>

  <Step title="Confirm selection">
    Click **Save** to add selected programs.

    <Check>
      Programs appear immediately with thumbnails and details visible.
    </Check>
  </Step>
</Steps>

## Creating and managing sections

Sections organize programs into logical categories for easier navigation.

### Adding a new section

<img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-app-builder-add-section-button.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=8e7b3cb830c1037ea150f09071b8407b" alt="CoachIQ App Builder Add Section button for organizing programs" width="2210" height="1370" data-path="images/coachiq-app-builder-add-section-button.png" />

<Steps>
  <Step title="Click Add Section">
    Click **+ Add Section** at the bottom of your program list.
  </Step>

  <Step title="Name your section">
    Enter a descriptive name. Examples:

    * "Education"
    * "Triple Threat"
    * "Follow Along Workouts"
    * "Beginner Fundamentals"
    * "Elite Training"
  </Step>

  <Step title="Start adding programs">
    Use **+ Add Content** within the new section to add programs.
  </Step>
</Steps>

### Setting up a Welcome Section

The Welcome Section prominently displays one featured program at the top of your Programs page.

<Steps>
  <Step title="Locate Welcome Section">
    Find the **Welcome Section** field at the top of Programs configuration.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-app-builder-welcome-section-dropdown.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=a322928c2e1eea852cc23e551eca509c" alt="CoachIQ App Builder Welcome Section dropdown selector" width="2210" height="1370" data-path="images/coachiq-app-builder-welcome-section-dropdown.png" />
  </Step>

  <Step title="Select featured section">
    Choose which section becomes the welcome section. The first program in this section receives featured treatment.

    <Tip>
      **Effective Welcome Section uses:**

      * Getting-started program for new athletes
      * Signature certification course
      * Limited-time training series
      * Most popular program
    </Tip>
  </Step>
</Steps>

## Organizing your Programs page

### Reordering sections

1. Hover over the section to move
2. Click and hold the drag handle (⋮⋮)
3. Drag to new position
4. Release to place

<Note>
  Position your foundational content at the top for immediate visibility.
</Note>

### Deleting sections

1. Click the trash icon (🗑️) next to section name
2. Confirm deletion

<Warning>
  Section deletion removes display only. Programs remain in your content library for reuse.
</Warning>

## Program access and sharing settings

<Steps>
  <Step title="Open program settings">
    Click **Share** on any program.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-program-builder-share-button.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=6f76e4394e138090c5596fa5106a686b" alt="CoachIQ Program Builder Share button for access settings" width="2210" height="1370" data-path="images/coachiq-program-builder-share-button.png" />
  </Step>

  <Step title="Choose access type">
    <Tabs>
      <Tab title="Free">
        **Free Access**

        * Open to all athletes
        * No payment required
        * Great for introductory content
        * Builds trust and engagement
      </Tab>

      <Tab title="Paywalled">
        **Paywalled Access**

        * Requires purchase or membership
        * Generates revenue
        * Premium content protection
        * Supports subscriptions
      </Tab>

      <Tab title="Private">
        **Private Access**

        * Manual assignment only
        * Exclusive content
        * Personalized programs
        * Beta testing new content
      </Tab>
    </Tabs>
  </Step>

  <Step title="Configure private access">
    For Private programs, toggle ON to restrict visibility to assigned athletes only.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-program-paywall-private-settings.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=cc5702044f78e26fec4ce2d0c733ac4c" alt="CoachIQ program paywall and private access toggle settings" width="2210" height="1370" data-path="images/coachiq-program-paywall-private-settings.png" />

    **Use cases for private programs:**

    * Elite athlete exclusive content
    * Beta testing new programs
    * Personalized training plans
    * Team-specific content
  </Step>

  <Step title="Save settings">
    Click **Save** to apply access configuration.
  </Step>
</Steps>

## Page settings

Use the Settings panel to rename the Programs tab and update the page URL.

<Steps>
  <Step title="Open the Settings panel">
    Click the **gear icon** in the top right of the Programs page to open the Settings panel.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-app-builder-seo-settings-modal.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=1c10fe9a28dc90ddbb4d368f14a2469b" alt="CoachIQ App Builder page settings modal with URL slug and SEO options" width="2210" height="1370" data-path="images/coachiq-app-builder-seo-settings-modal.png" />
  </Step>

  <Step title="Rename the page">
    The first field at the top of the Settings panel is the **Page Name** — the display name athletes see as the tab in their portal. Update it to match your branding (e.g., "Training", "Content", "Resources").
  </Step>

  <Step title="Update the URL slug">
    The **Slug** field controls the URL path for this page (e.g., `/programs`, `/training`).
  </Step>

  <Step title="Configure description">
    Add a **Description** for SEO context.
  </Step>

  <Step title="Save changes">
    Click **Update Page** to apply settings.
  </Step>
</Steps>

## Previewing the athlete experience

<Steps>
  <Step title="Click Preview Page">
    Select **Preview Page** from the action menu.

    <img src="https://mintcdn.com/coachiq/sjDHrTBeU-kS6fyQ/images/coachiq-app-builder-page-actions-menu.png?fit=max&auto=format&n=sjDHrTBeU-kS6fyQ&q=85&s=288e606b27408822737c5b932ce911c1" alt="CoachIQ App Builder page actions menu with Preview Page option" width="2210" height="1370" data-path="images/coachiq-app-builder-page-actions-menu.png" />
  </Step>

  <Step title="Review the layout">
    Verification checklist:

    * Section order correctness
    * Thumbnail display quality
    * Title and description clarity
    * Welcome section prominence
  </Step>

  <Step title="Test different devices">
    Preview on:

    * Desktop/laptop
    * Tablet
    * Mobile phone
  </Step>
</Steps>

## Publishing your changes

<Steps>
  <Step title="Review all settings">
    Verify sections, programs, and access levels.
  </Step>

  <Step title="Click Update Page">
    Click **Update Page** to publish.

    <Check>
      Changes apply immediately. Currently logged-in athletes see updates upon refresh or navigation.
    </Check>
  </Step>
</Steps>

## Common questions

<AccordionGroup>
  <Accordion title="Where do I create new programs?">
    Programs are created in **Content → Programs** in your main admin dashboard. The App Builder only controls display configuration.
  </Accordion>

  <Accordion title="Why can't athletes see certain programs?">
    Diagnostic steps:

    1. **Programs page Active toggle** → Must be ON
    2. **Program access setting** → Check if Private or Paywalled
    3. **Athlete status** → Verify purchase or assignment
    4. **Platform** → iOS/Android have purchase restrictions
  </Accordion>

  <Accordion title="Can athletes search or filter programs?">
    No search/filter capability currently exists. Structure your sections thoughtfully for easy navigation.
  </Accordion>

  <Accordion title="How does progress tracking work?">
    Progress percentage = (completed items ÷ total items) × 100

    Each lesson or media file completed counts toward the total.
  </Accordion>

  <Accordion title="Can I assign different programs to different athletes?">
    Yes. Private program setting enables athlete-specific assignment for personalized content delivery.
  </Accordion>

  <Accordion title="Do sections collapse or expand?">
    Sections remain expanded for immediate content visibility on all devices.
  </Accordion>
</AccordionGroup>

## Troubleshooting

### Programs not appearing in selection modal

* **Verify**: Programs exist in Content → Programs
* **Confirm**: Programs are published (not draft)
* **Action**: Refresh App Builder page

### Athletes report missing programs

1. **Check**: Programs page Active toggle → Must be ON
2. **Check**: Program access type → Not Private without assignment
3. **Check**: Payment status → Purchase complete for paywalled
4. **Check**: Platform restrictions → iOS/Android restrict in-app purchases

### Thumbnails not displaying correctly

* Thumbnails configured in Program Builder only
* Cannot override in App Builder
* Verify proper aspect ratio in source

### Section organization issues

* Confirm drag handle engagement
* Test in different browser if needed
* Always Update Page after reorganizing

## Pro tips

<Tip>
  **Organization hierarchy**:
  Structure sections by progression:

  1. Fundamentals
  2. Skill Development
  3. Advanced Training
  4. Certifications
</Tip>

<Tip>
  **Welcome Section optimization**:
  Feature an orientation program explaining your training system and setting expectations.
</Tip>

<Tip>
  **Naming clarity**:

  * Include skill level: "Beginner: Ball Handling"
  * Add duration: "30-Day Program"
  * Specify outcome: "Master the Triple Threat"
</Tip>

<Tip>
  **Access tier strategy**:

  * **Elite**: Advanced tactical content (Private)
  * **Youth**: Age-appropriate basics (Free/Paywalled)
  * **Teams**: Competition prep (Private)
</Tip>

<Tip>
  **Monthly maintenance**:

  * Archive outdated content
  * Adjust sections based on usage data
  * Review completion rates
  * Validate free/paid balance
</Tip>

## Related articles

* [Programs Overview](/content/programs-overview)
* [Sharing Programs](/content/sharing-programs)
* [Setting Up Paywalls](/athlete-portal/paywall-settings)
* [Client Profiles](/people/client-profiles/client-profiles)
* [Understanding the Athlete Portal](/athlete-portal/understanding-your-athlete-portal)