Client Profile Pictures

Overview

Client profile pictures help personalize your business and make it easier to identify clients at a glance. Clients can upload their own profile pictures, and instructors can also upload or change profile pictures for clients through the admin panel.

How Clients Upload Profile Pictures

Clients can upload their profile picture from their account page:

  1. **Navigate to Profile **
    • Clients should log in by clicking on "My Account" on your instructor page

    • Click on the Profile tab

      Upload Process

    • Click the "Upload Picture" button (or "Change Picture" if they already have one)
    • Select an image file from their device
    • Supported formats: JPEG, JPG, PNG, or WebP

    • Maximum file size: 5MB

      Crop the Image

    • After selecting a file, a cropping tool will appear
    • The image will be cropped to a passport photo format (2:3 portrait ratio)
    • Clients can drag or resize the crop box to adjust the framing

    • Click "Crop & Upload" to confirm

      Completion

    • The cropped image is automatically uploaded and saved
    • The profile picture will appear immediately in their account and throughout the system

Where Profile Pictures Appear

In the Admin Panel

Profile pictures are displayed in several places in the admin dashboard:

  1. Clients List
    • Each client in the clients list shows their profile picture (or a placeholder icon if no picture is uploaded)
    • The picture appears as a small portrait thumbnail next to the client's name and email

    • This makes it easy to quickly identify clients visually

      Client Detail View

    • When you click on a client to view their details, their profile picture is prominently displayed

    • You can see a larger version of the picture in the client's profile section

      Membership Members List

    • When viewing members of a specific membership (Memberships → Select Membership → Members tab)
    • Each member's profile picture appears next to their name and subscription details
    • This helps you quickly identify members when managing subscriptions

For Clients

  • Account/Profile Page: Their profile picture appears on their own profile page
  • Booking Confirmations: May appear in booking-related communications (depending on email templates)

Managing Profile Pictures in Admin

As an instructor, you can manage client profile pictures directly:

Upload or Change a Client's Profile Picture

  1. Go to the Clients section in your admin dashboard
  2. Find and click on the client whose picture you want to update
  3. In the client detail view, look for the profile picture section
  4. Click the "Upload Picture" button (or "Change Picture" if they already have one)
  5. Select an image file (JPEG, PNG, or WebP, max 5MB)
  6. Use the cropping tool to adjust the image to the passport photo format (2:3 ratio)
  7. Click "Crop & Upload" to save

The profile picture will be updated immediately and visible throughout the system.

Download a Client's Profile Picture

  1. Click the download button next to the profile picture.

Viewing Profile Pictures

  • Profile pictures are automatically displayed wherever client information is shown
  • If a client doesn't have a profile picture, a default user icon placeholder will appear instead
  • You can click on profile pictures in the admin panel to view them in the client detail view

Technical Details

Image Specifications

  • Format: JPEG, JPG, PNG, or WebP
  • Maximum file size: 5MB
  • Aspect ratio: 2:3 (portrait, passport photo format)
  • Storage: Profile pictures are stored securely in object storage with private access

Privacy and Security

  • Profile pictures are stored with private visibility - they are not publicly accessible
  • Only authorized users (the client themselves and their instructor) can view profile pictures
  • Profile pictures are linked to specific client accounts and cannot be accessed by other clients

Why Profile Pictures Are Useful

For Instructors

  1. Quick Visual Identification
    • Instantly recognize clients in lists and member rosters

    • Makes it easier to match names to faces, especially for classes with many participants

      Personal Connection

    • Helps build a more personal relationship with clients

    • Makes the admin interface feel more human and less transactional

      Better Organization

    • Visual cues make it faster to navigate through client lists

    • Easier to identify clients when managing memberships or viewing booking history

      Offline Use - e.g. Membership Cards

    • You can download the profile picture for a client
    • Useful if your studio issues membership cards - kids love these

For Clients

  1. Personalization
    • Makes their account feel more personal and customized

    • Helps them feel recognized and valued as individuals

      Account Security

    • Visual confirmation helps ensure they're viewing their own account

    • Can help identify if there are any account access issues

      Community Feel

    • In member areas or class rosters, seeing faces creates a sense of community
    • Makes the booking experience feel more social and connected

Troubleshooting

Client Can't Upload Picture

  • Check file format: Ensure the image is JPEG, PNG, or WebP
  • Check file size: Must be under 5MB
  • Browser issues: Try a different browser or clear browser cache
  • Network issues: Ensure they have a stable internet connection

Profile Picture Not Displaying

  • Refresh the page: Sometimes a page refresh is needed to see the updated picture
  • Check permissions: Ensure the client has proper access permissions
  • Image format: Verify the image was uploaded successfully and is in a supported format

Admin Can't See Client's Profile Picture

  • Check client detail view: Profile pictures are visible in the client detail view
  • Browser cache: Try clearing your browser cache or doing a hard refresh
  • Permissions: Ensure you're logged in as the correct instructor account

Best Practices

  1. Encourage clients to upload pictures: Profile pictures make the system more personal and easier to use
  2. Use clear, well-lit photos: Passport-style photos work best with the 2:3 aspect ratio
  3. Update when needed: If a client's appearance changes significantly, encourage them to update their picture
  4. Respect privacy: Profile pictures are private - only share or use them in appropriate contexts

Summary

Profile pictures are a simple but effective way to personalize your Classta system. They help both instructors and clients by providing visual identification, making the interface more user-friendly, and creating a more personal connection. Clients can easily upload their own pictures, and instructors can manage them through the admin panel when needed.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us