Skip to content
OutSmart Guide

Profile Photos

Types of Profile Photos

Personal Profile Photo

Each practitioner has a personal profile photo that:

  • Is controlled by the practitioner themselves
  • Appears on their personal booking page (Practitioner Priority mode)
  • Serves as the default image on office booking pages

Office Photo Override

In Office Priority mode, office administrators can:

  • Upload custom photos for each practitioner
  • Override the practitioner’s personal photo
  • Maintain consistent styling across the team

Photo Requirements

Specifications

PropertyRequirement
Aspect Ratio1:1 (square)
Recommended Size400 x 400 pixels
Maximum Upload5 MB
Final SizeOptimized to ~500 KB or less
FormatPNG, JPG, or JPEG

Managing Personal Profile Photos

Who Can Edit

Only the practitioner themselves can edit their personal profile photo.

How to Upload

  1. Log in to OutSmart as yourself (the practitioner)
  2. Visit your personal booking page (Practitioner Priority mode)
  3. Find your profile photo in the hero overlay card
  4. Hover over your photo to reveal the camera icon
  5. Click the camera icon
  6. Select a photo from your computer
  7. Crop to square using the cropping tool
  8. Click “Save Image”

Best Practices for Headshots

Do:

  • Use a professional, well-lit headshot
  • Choose a neutral or blurred background
  • Face the camera directly or at a slight angle
  • Smile naturally
  • Wear professional attire

Don’t:

  • Use casual selfies
  • Include other people in the photo
  • Use photos with distracting backgrounds
  • Upload blurry or low-quality images

Managing Office Photo Overrides

Who Can Edit

Office administrators can upload custom photos for any practitioner on their office booking page.

Why Use Overrides?

  • Maintain consistent photo style across the team
  • Use professional photos taken together
  • Different branding for different office locations
  • Update photos without waiting for practitioners

How to Upload Override Photos

  1. Log in as an office administrator
  2. Visit your office’s booking page (Office Priority mode)
  3. Navigate to the “Our Team” tab in the sidebar
  4. Find the practitioner whose photo you want to change
  5. Hover over their photo to reveal the camera icon
  6. Click the camera icon
  7. Select a photo from your computer
  8. Crop and Save

Priority of Photos

When displaying a practitioner on an office page:

  1. Office override (if set) - Highest priority
  2. Practitioner’s personal photo - Default fallback
  3. Placeholder icon - If no photos exist

Photo Display Locations

Where Photos Appear

LocationPhoto Used
Hero card (Practitioner Priority)Personal photo
Hero card (Office Priority with selected practitioner)Override or personal
Team tab sidebarOverride or personal
Practitioner selection cardsOverride or personal
”Read More” modalsOverride or personal

Photo Sizes by Context

Photos are displayed at different sizes:

  • Hero card: Large (80-100 pixels)
  • Sidebar cards: Medium (60-80 pixels)
  • Selection cards: Small to medium

Removing Photos

Remove Personal Photo

  1. Log in as the practitioner
  2. Visit your personal booking page
  3. Click the camera icon on your photo
  4. Click the Remove option in the editor

Remove Office Override

  1. Log in as office administrator
  2. Visit the office booking page
  3. Find the practitioner in the Team tab
  4. Click the camera icon
  5. Click Remove to restore the personal photo

If a Practitioner Has No Photo

When no photo exists:

  • A gray placeholder with a person icon appears

  • This looks unprofessional - encourage uploading photos

  • The placeholder is identical across all practitioners

    Pages with practitioner photos convert better than those without. Encourage all team members to upload professional headshots.

Coordinating Team Photos

For a cohesive look:

Style Guidelines

  • Use the same photographer for all team photos
  • Choose consistent lighting and backgrounds
  • Agree on dress code (professional, casual, etc.)
  • Maintain similar framing (head and shoulders)

Photo Day Tips

  • Schedule a team photo session
  • Hire a professional photographer
  • Use the same backdrop for all shots
  • Capture multiple options per person

Troubleshooting

Photo Looks Blurry

  • Upload higher resolution image (400x400 minimum)
  • Use original photo files, not screenshots
  • Avoid cropping too tightly before upload

Can’t See Camera Icon

  • Verify you have edit permissions
  • Practitioners: Must be on YOUR booking page
  • Admins: Must be on your office’s booking page
  • Hover directly over the photo

Photo Not Updating

  • Refresh the page
  • Clear browser cache
  • Try a different browser
  • Re-upload the image

Wrong Photo Displaying

  • Check if an office override exists
  • Verify you’re viewing the correct booking page
  • Admins can remove overrides to restore personal photos

Next Steps

  • Social Media Links - Add your social profiles
  • Virtual Office Settings - Configure telehealth settings