Display Products & Payments in Your Athlete Portal

Learn how to add products and payment options to your Athlete Portal. Understand platform restrictions and optimize your sales strategy across web and mobile.

Where to find this: Dashboard → App Builder → Products

Critical Platform Restriction: The Products page is NOT visible on iOS and Android mobile apps due to Apple App Store and Google Play Store policies. Athletes can only purchase products through your web portal or mobile browser.

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.

Platform restrictions you must know

⚠️ Mobile Apps

iOS & Android Apps - Products NOT Available

Due to App Store policies:

• Products page is completely hidden
• No in-app purchases allowed
• Athletes cannot see or buy products
• This is NOT a bug - it’s a platform requirement

Alternative: Direct athletes to your web portal & website for purchases

✅ Web Portal

Web Browser - Full Access

Products fully available when athletes access via:

• Desktop computers
• Mobile web browsers (Safari, Chrome)
• Tablet browsers
• Any web-based access

All features work: Purchase buttons, payment processing, subscriptions

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-only vs. all platforms
• 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 →

Accessing product settings

1. Navigate to App Builder

   From your dashboard, select App in the left sidebar.

   
2. Select Content tab

   Click on the Content tab in the main navigation.

   
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.

   
2. Toggle visibility

   • ON: Products visible in web portal only
   • OFF: Products hidden everywhere

   Remember: Even when Active is ON, products remain hidden on iOS/Android apps due to platform restrictions.

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.

   
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.

   
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

1. Access settings

   Click Update Settings from the action menu.

   
2. Customize page details

   URL Slug: Set your page path (e.g., /products, /memberships, /pricing)

   Page Name: Display name in navigation

   Description: SEO description explaining your offerings

3. Save configuration

   Click Save to apply settings.

Working around platform restrictions

Since products don’t appear on mobile apps, you need alternative strategies to drive sales.

Recommended workarounds

Direct Link Strategy

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

Communication Strategy

Educate your athletes

• Explain during onboarding
• Send purchase instructions via Inbox
• Create a “How to Buy” program
• Include web links in session confirmations

Alternative Sales

Other purchase methods

• In-person payments at facility
• Phone/text orders
• Email invoicing
• Direct Stripe payment links

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 iOS/Android apps to verify products are properly hidden (expected behavior).

Publishing changes

1. Review all settings

   Double-check sections, products, and pricing.

2. Click Update Page

   Click Update Page to publish changes.

   Changes apply immediately to web portal. Mobile apps continue to hide products page as required.

Common questions

Why can't my athletes see products on the mobile app?

This is not a bug. Apple App Store and Google Play Store policies prohibit in-app purchases that bypass their payment systems. CoachIQ must hide the Products page on mobile apps to comply with these requirements.

Solution: Direct athletes to purchase through:

• Web browser on their phone
• Desktop computer
• Tablet browser
• Any web-based access

How do I sell to athletes who only use the app?

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

Can I accept payments through the app at all?

No direct payment processing is possible within iOS/Android apps. However, you can:

• Use credits (pre-purchased on web)
• Book sessions that require payment later
• Send payment links through in-app messaging

Will this restriction ever change?

This is an App Store/Play Store policy, not a CoachIQ limitation. Unless Apple and Google change their policies, this restriction will remain in place.

How do I explain this to frustrated athletes?

Sample message: “To keep our app free and avoid Apple/Google’s 30% fees, purchases must be made through our web portal. Visit [your-portal-url] on any browser to buy memberships and packages. This helps us keep prices lower for you!”

Do credits purchased on web work in the app?

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. First question: Are they using the mobile app?
   • If yes → Direct them to web browser
   • If no → Continue troubleshooting
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.

Related articles

• Creating Products in Payments
• Setting Up Stripe
• Understanding the Athlete Portal
• Paywall Settings
• Product Types
• Communicating with Athletes