Edit Your Profile In-Place

What is in-place profile editing?

Your public profile at /lawyer/your-username is the single place where you edit everything that clients see. There's no separate admin screen, no context switching — you edit the profile on the same page clients will land on, so every change is visible in context.

When you visit your own profile, LeyApp automatically detects that you're the owner and turns on a set of editing tools: a toolbar at the top, a completeness meter, and edit buttons on every section. Other visitors see none of this — they see your regular public profile.

Opening your profile

Log in to your lawyer account and go to your public profile page. The fastest way is to click your avatar in the dashboard sidebar and choose 'View my profile', or go directly to /lawyer/ followed by your username.

As soon as the page loads, you'll see the owner toolbar pinned to the top of the screen. If you don't see it, you're likely viewing someone else's profile — make sure you're on your own URL.

The owner toolbar

The toolbar sits at the top of your profile page and contains everything you need to manage and preview your profile. It stays visible as you scroll so your tools are always one click away.

What the toolbar contains

• A completeness meter (progress ring) showing how complete your profile is on a 0–100 scale
• A 'Preview your card' button that shows how your card appears in search results and on the homepage
• A 'Preview as client' toggle that temporarily hides all owner UI so you can see your profile exactly as a client would
• A 'View demo profile' link that opens a fully-filled example profile with fake reviews, for inspiration

The profile completeness meter

The circular progress indicator on the left side of the toolbar shows how complete your profile is. The score is computed from 14 sections — each contributes a different weight based on how important it is for client conversion.

The most important sections (bio, services description, practice areas, profile photo, FAQ) each contribute 10–15% to your score. Smaller details like your banner image, years of experience, and languages contribute 5% each.

Click the meter to open a dropdown showing every section with a checkmark or empty circle. Clicking any missing section scrolls you directly to that part of your profile and highlights it briefly in teal.

Editing a section

Every editable section has a pencil icon next to its title. On desktop the pencil stays hidden until you hover over the section; on mobile it's always visible. Click it to open a side panel (called a Sheet) with a focused form for that section only.

The side panel contains only the fields relevant to the section you clicked — editing your bio doesn't show you the FAQ form, and editing your services doesn't show the pricing form. This keeps each interaction fast and focused.

Changes save to your profile as soon as you click the save button at the bottom of the side panel. The profile refreshes in place so you can immediately see what clients will see.

Sections you can edit in-place

• Hero (profile photo, banner image, city, languages, years of experience)
• Bio — your personal introduction, up to 500 characters
• Services offered — rich text description of what you do
• Consultation includes — what clients get (document review, action plan, etc.)
• Practice areas — up to 20 areas, with one marked as primary
• Office location and areas served
• FAQ — up to 5 questions and answers
• Pricing & booking config — fee, session duration, contact methods

Seeing sections that clients don't

When you're logged in as the owner, your profile shows ALL sections — even empty ones. Sections that don't have content yet appear as dashed placeholders with an 'Add' button. Clients will never see these placeholders; they only appear to you. This makes it obvious at a glance what still needs to be filled in.

The (?) info buttons

Next to each edit pencil you'll see a small question mark icon. Click it to open a panel that explains what the section is for, why it matters for client conversion, and shows a pre-filled example so you can see what a good version looks like.

The examples are not links — they're static previews meant to inspire, not to copy. Use them as a starting point and make the content your own.

Previewing as a client

The 'Preview as client' toggle in the toolbar temporarily hides all owner UI — the toolbar shrinks, edit pencils disappear, empty-section placeholders are hidden, and the profile renders exactly as a first-time visitor would see it.

Use this before finishing editing to check that your profile reads naturally from a client's perspective. Toggle it off again to return to editing.

Previewing your card in search results

Before clients reach your profile, they first see your 'card' — a compact summary in search results and on the homepage's featured lawyers section. Click 'Preview your card' in the toolbar to see exactly how your card will appear in both places.

The preview uses your real profile data, so you can see the effect of your photo choice, specialty pills, rating, and price immediately. Two tabs let you toggle between the homepage card (vertical) and the search results card (horizontal).

When the card preview is most useful

• After uploading a new photo — see if it crops well in the small avatar circle
• After changing your practice areas — check which ones show as primary vs secondary
• After updating your fee — verify the client-side total (fee + commission + IVA) looks right

The demo profile

The 'View demo profile' link in the toolbar opens a fully-filled example profile for a fictional lawyer. It has a complete bio, rich services description, 5 FAQ entries, 5 fake reviews, a banner image, and every optional field filled out.

Use it as a reference for what a great profile looks like. It's completely static — no database queries, no real data — so it loads instantly and you can compare against your own profile side by side.

Best practices for a high-converting profile

These guidelines come from analyzing which profiles get the most booking requests. They're not mandatory, but following them will meaningfully increase your conversion rate.

What the most successful profiles have in common

• A warm, professional headshot taken in good lighting — not a selfie, not a corporate logo
• A bio that speaks in the first person and mentions a specific area of expertise within the first sentence
• A services description that lists concrete services with bullet points, not vague statements like 'I help with legal matters'
• At least 3 FAQ entries that answer the questions clients actually ask before booking
• A verified bar association membership — unverified memberships don't show the green checkmark
• Profile completeness of 90% or higher — complete profiles get 3–5× more booking requests

Common questions

Do I need to save each section separately?

Yes. Each side panel has its own save button and saves only the fields in that panel. This keeps edits atomic — if you're interrupted halfway through, the work you've already saved isn't lost.

Can clients see my profile while I'm editing it?

Yes, your profile is always live. Changes are visible to clients as soon as you save them. If you need to make major changes without clients seeing a half-finished profile, consider disabling bookings temporarily from your availability settings.

What happens if I click 'Preview as client' by accident?

Nothing is saved or changed — it's purely a view toggle. Click it again to return to editing. Any unsaved changes in open side panels will still be there when you toggle back.