Help Center
Office HoursCoachIQ Login
  • Start Here
    • Quickstart
  • Website
    • Website Overview
    • Pages & Templates
      • Header Navigation and Footer Editing
    • Page Sections
      • Backgrounds in Sections
      • Buttons in Sections
      • Duplicating Sections
      • Scheduling Section
      • Numbered Steps Section
      • Gallery Section
      • Logo Showcase Section
      • Forms Sections
      • Content & Media
      • Features Section
      • Pricing Section
      • Testimonies Section
      • Credibility Section
    • Connecting Your Domain
      • Purchasing a New Domain
      • Connecting a WIX domain
      • Connecting GoDaddy Domain
      • Squarespace Permission Sharing
      • Connecting Namecheap Domain
    • Analytics Tracking
    • Search Optimization
      • Google My Business
      • Apple Maps Listing
      • Keyword Strategy
      • Content Marketing
      • Link Building
    • Get a Professional Email
      • Squarespace
      • GoDaddy
  • Athlete Portal
    • Add Sessions
    • Add Products
    • Add Programs
    • Paywalling Specific Pages
    • Design your Portal
    • Personalized Athlete Portal URL
    • Edit Share Link
    • Athlete Notifications
  • Payment
    • Payment Overview
    • Creating a Product
    • Add Product to a Session
    • Add a Product to a Program
    • Add a Product to a Form
    • Coupons
    • Access Codes
    • Stripe Account
      • Create a Stripe Account
      • Stripe Payout Schedule
    • Connect your Stripe Account
    • Cancel Client Subscription
    • Failed Payment Handling
    • Add Payment Credit to a Customer's Account
    • Update Client Billing Card
    • Managing Subscriptions
    • Stripe Accounts for Multiple Locations
    • Currency Selection
    • Payment FAQ
  • Scheduling
    • Scheduling Overview
    • Create a Session
    • Manually Book Athletes
    • Recurring Bookings
    • Canceling Sessions
    • Credits System
    • Managing Athlete Credits
    • Add Auto-Reminders
    • Overlapping other Sessions
    • Adding & Managing Coaches
    • Black Out Dates
    • Schedule Avaliability
  • Inbox
    • Client Communication Overview
    • Announcements & Emails
    • In App Messaging
    • Texting Clients
      • Create Your Own Business Phone Number
      • Texting Limits & Cost
      • Setting up a Call Redirect Number
  • people
    • Client Management Overview
    • Manage Athlete Credits
    • Import Contacts
    • Adding an Admin
    • Updating User / Admin Info
    • Understanding Groups
    • Reset Password
    • Custom Fields
    • Add Waivers and Liability Forms
    • Managing Customers FAQ
  • Tools
    • Forms Overview
      • Leveraging Forms for Camps
      • Athlete Onboarding Wavier Form
      • Sharing Form Options
      • Add Payments to Forms
      • Require Login/Sign up to Forms
    • How to Create Automations in CoachIQ
      • Using Webhooks in CoachIQ
      • Integrate with Zapier
    • QR Codes in CoachIQ
  • Video
    • Media Hub Overview
      • Adding & Managing Tags
      • Sharing Media as Links
      • Uploading Media
      • Downloading Media
      • Compress Files
      • Deleting Multiple Files
      • Media Organization Examples
    • Virtual Programs Overview
      • Creating a Program
      • Sharing Programs
      • Sharing Programs Privately
      • Paywalling a Program
      • Editing Thumbnails
      • Viewing Users Stats
      • Coach Examples
    • Video Lessons Overview
      • Adding a Lesson to a Program
      • Lesson Best Practices
    • Video Analysis Overview
      • Record and Create a New Video
      • Running a Live Zoom
      • Take a Screenshot
      • Switching Clips
      • Split Screen
      • Other Coach Examples
  • Advanced
    • Migrating from Stripe Express to a Regular Stripe Account
    • Transfer from Wix Subscriptions
    • How to Launch Facebook Ads with CoachIQ
    • How to Warm Up Your Email with CoachIQ Leads
    • Personalized IOS App Benefits
    • Personalized IOS App Set Up
      • Update Apple Agreements
    • Billing Info
Powered by GitBook
On this page
  1. Athlete Portal

Design your Portal

PreviousPaywalling Specific PagesNextPersonalized Athlete Portal URL

Last updated 11 months ago

Steps to Customize the Design:

  1. Open the Dashboard and Mobile app:

    • Launch the member portal on your device.

  2. Navigate to Pages:

    • Tap on the "Pages" menu item within the app.

  3. Access Design Settings:

    • Under the Pages menu, find and select "Settings".

    • Tap on "Design" to open the design customization options.

  4. Customize Your Design:

    • Primary Button Color: Tap on the color picker to select a new color for the primary buttons on your athlete view.

    • Button Text Color: Choose a color for the text on the buttons to ensure it contrasts well with the button color.

    • Mode Selection: Switch between light mode and dark mode by selecting the preferred option. This will change the overall color scheme of the athlete view.

  5. Apply and Refresh:

    • After making your changes, ensure to refresh the app to see the updates.

    • Review the changes in the athlete view to confirm that everything appears as you have set it up.


Cropping Your Logo for Proper Fit

To ensure your logo looks its best on your website, it’s important to crop it properly before uploading. Here's how you can do it:

Step 1: Select the Right Image

Choose a high-resolution logo that is clear and visibly represents your brand. The logo should have minimal text and should be free from background clutter.

Step 2: Use the Right Tool

Use a graphic editing tool that allows cropping. If you don’t have a preferred tool, free options like Canva or Adobe Express can help you crop and prepare your logo perfectly.

Step 3: Cropping the Logo

  • Aspect Ratio: Our app works best with a logo in a square format (1:1 aspect ratio). If your logo is not square, crop it to a square shape.

  • Focus on the Logo: Ensure the main elements of the logo are centered and prominent. Avoid unnecessary whitespace around the edges that might affect how the logo appears on the site.

  • Resolution: After cropping, ensure the logo maintains a high resolution, ideally at least 300x300 pixels.

Step 4: Uploading to the App

Once your logo is ready:

  1. Navigate to Settings in the app.

  2. Click on Organization.

  3. Select Upload Logo to add your cropped logo file.

  4. Preview how it appears in the app. Adjust if necessary before finalizing your upload.