Skip to main content
Where to find this: Dashboard → App Builder → Products
CoachIQ Athlete Portal Products page displaying memberships and packages
App availability varies: Products and checkout depend on your released native app version and enabled features. Configure product visibility intentionally. The web portal remains available for purchases when an app does not offer the required checkout.

​
What you’ll accomplish

Set up your products page to display memberships, packages, and services for purchase through your web portal. You’ll learn how to organize products into sections, manage visibility settings, and understand critical platform limitations that affect how athletes access your payment options. CoachIQ web portal product cards with pricing and purchase buttons

​
Platform restrictions you must know

iOS and Android appsSupported app versions can display configured products and offer eligible native checkout. Other app versions or purchases use browser checkout. Check your actual released app; a new native payment capability does not automatically make every product visible.See Native app booking.

​
Understanding the Products page

The Products page displays your payment options, memberships, and packages that athletes can purchase to access your services. It functions identically to the Programs page in terms of organization, but focuses on payment products rather than content.

​
Overview

  • Purpose: Payment collection vs. content delivery
  • Access: Purchase required vs. content access rules
  • Platform availability: Web plus supported native app versions and configuration
  • Primary action: Buy button vs. view content

​
Before you begin

Required:
  • At least one product must exist in Payments → Products
  • Stripe account must be connected for payment processing
Products are hidden by default: Creating a product in Payments → Products doesn’t automatically make it visible to athletes. You must explicitly add products to this page (or attach them to schedulers/forms) for athletes to discover them. This lets you set up products before you’re ready to launch. Learn more about product visibility →
CoachIQ Products page listing available products in the admin dashboard

​
Accessing product settings

1

Navigate to App Builder

From your dashboard, select App in the left sidebar.CoachIQ App Builder sidebar with App selected in left navigation
2

Select Content tab

Click on the Content tab in the main navigation.CoachIQ App Builder Content tab showing page sections
3

Choose Products

Select Products from the content options to access your product configuration page.

​
Activating the Products page

1

Locate the Active toggle

Find the Active toggle in the top right corner of the Products page.CoachIQ Athlete Portal action bar with Update Page and Settings buttons
2

Toggle visibility

  • ON: Products visible in web portal only
  • OFF: Products hidden everywhere
Check both the page configuration and the installed app version when verifying mobile visibility.
3

Save your changes

Click Update Page to save the active status.

​
Adding products to sections

1

Click Add Products

Within any section, click the + Add Products button.
Add Products button in section
2

Select products to display

Choose from your available products:
  • Memberships (recurring subscriptions)
  • One-time packages
  • Session bundles
  • Credit packages
Each product shows:
  • Product name
  • Price
  • Billing frequency (if subscription)
  • Description preview
3

Confirm selection

Click Save to add selected products to the section.
Products appear immediately with pricing and purchase buttons visible (web portal only).

​
Creating and organizing sections

Sections help organize your products into logical categories for easier shopping.

​
Adding new sections

1

Click Add Section

Click + Add Section at the bottom of your product list.
Add Section button for products
2

Name your section

Use clear, descriptive names:
  • “Memberships”
  • “Single Group Class”
  • “Training Packages”
  • “Elite Programs”
  • “Beginner Packages”
3

Add products to section

Use + Add Products to populate the new section.

​
Section organization best practices

  • Place most popular products at the top
  • Group by commitment level (monthly, yearly, one-time)
  • Separate memberships from individual purchases
  • Consider price-point organization (budget to premium)

​
Configuring page settings

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

Open the Settings panel

Click the gear icon in the top right of the Products page to open the Settings panel.
Settings menu for Products page
2

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., “Shop”, “Memberships”, “Purchase”).
3

Update the URL slug

The Slug field controls the URL path for this page (e.g., /products, /memberships, /pricing).
4

Configure description

Add a Description for SEO context explaining your offerings.
5

Save configuration

Click Update Page to apply settings.

​
Working around platform restrictions

Share direct web purchase links when athletes cannot access the required checkout in their installed app.
Send athletes to web portal
  1. Share your portal link via SMS/email
  2. Include link in app announcements
  3. Add “Purchase on Website” message in app
  4. Use QR codes at facility

​
Preview and testing

1

Click Preview Page

Select Preview Page to see the athlete view.
2

Test on web browser

Verify display and functionality:
  • Product cards show correctly
  • Prices display accurately
  • Purchase buttons work
  • Sections organized properly
3

Confirm mobile app behavior

Check the released iOS/Android apps to verify the intended product visibility and checkout.

​
Publishing changes

1

Review all settings

Double-check sections, products, and pricing.
2

Click Update Page

Click Update Page to publish changes.
Changes apply to your published portal. Native visibility also depends on the installed app version and enabled purchase experience.

​
Common questions

Check that the Products page is enabled and published, then check the athlete’s installed app version and supported payment experience. Native payments do not automatically turn on your Products page. If checkout is unavailable in that app, share the product’s web purchase link.
Best practices:
  1. Send purchase links via SMS or email
  2. Add announcements in the app directing to web portal
  3. Include instructions in your welcome message
  4. Process payments in person or over the phone
  5. Share QR codes that link to your web products page
Native payment availability depends on the released app and eligible purchase. When it is unavailable, you can:
  • Use credits (pre-purchased on web)
  • Book sessions that require payment later
  • Send payment links through in-app messaging
Sample message: “If you do not see the purchase option in your app, use our web portal to buy your membership or package. Then return to the app to use it.”
Yes! Once athletes purchase credits through the web portal, they can use them to book sessions within the mobile app. The restriction only applies to the purchase process, not credit usage.

​
Troubleshooting

​
Products not appearing in selection

  • Verify products exist in Payments → Products
  • Check the product isn’t archived (use the status filter dropdown to check)
  • Confirm Stripe is properly connected
  • Refresh the App Builder page

​
Athletes report they can’t find products

  1. Check the athlete’s app version and whether it supports the intended purchase; offer the web purchase link when needed.
  2. Check Products page Active toggle is ON
  3. Verify their account has access
  4. Test the web portal link yourself

​
Purchase buttons not working (web)

  • Verify Stripe integration is active
  • Check product configuration in Payments
  • Ensure product has valid pricing
  • Test in incognito/private browser

​
Pro tips

Mobile purchase funnel: Create a dedicated “How to Purchase” program in your app that includes:
  1. Step-by-step instructions with screenshots
  2. Direct link to web portal
  3. Video walkthrough
  4. FAQ about why app purchases aren’t available
Pricing page on website: Since products aren’t visible in apps, make your website pricing page comprehensive:
  • Detailed product descriptions
  • Comparison tables
  • Clear CTAs to purchase
  • Mobile-optimized design
Communication strategy:
  • Add web portal link to email signature
  • Include in SMS appointment reminders
  • Share during trial session sign-ups
  • Post QR codes at your facility
Section naming for web: Since only web users see this, optimize for conversion:
  • ”🔥 Most Popular”
  • “Best Value - Save 20%”
  • “New Member Special”
  • “Limited Time Offer”
Track your funnel: Monitor where athletes drop off:
  1. App users who don’t know about web purchasing
  2. Web visitors who don’t complete purchase
  3. Create targeted messages for each group

​
Critical reminders

Never promise in-app purchases are “coming soon” - this is a permanent platform restriction, not a temporary limitation.
Best practice: Add a permanent message to your app onboarding flow explaining that purchases happen on the web for the best prices and to avoid app store fees.

Creating Products

Build memberships, packages, and one-time products in the Product Builder

Setting Up Stripe

Connect your Stripe account for payment processing

Understanding the Athlete Portal

Learn how the Athlete Portal works for coaches and athletes

Paywall Settings

Restrict page access until athletes purchase a qualifying product

Product Types

Understand the different product types available in CoachIQ

Communicating with Athletes

Send messages and announcements through your Inbox