What’s New
The Mortgage pre-approval section that appears on your Connect landing, search, area guide, single property, listing detail and loan officer pages has been reworked to match the updated design.
Loan officer card
- The loan officer photo is now a full-height panel down the left edge of the card instead of a 64px thumbnail — headshots actually read as headshots.
- Company name, loan officer name and NMLS number sit in a cleaner stack, with Ask a question and the phone number stacked as buttons at the right of the card.
- The card picks up your accent color as a left rule, matching the accent rule on the walkthrough card beside it.
Pre-approval walkthrough
- Added a step counter and progress bar at the top of the card (“Step 3 of 14 · 11 to go”), so visitors can see how much is left before they start answering.
- The card now holds a steady height for every step — including the final contact step — so the page no longer jumps as visitors move through it.
- Back and Next now stay pinned to the bottom of the card the whole way through, with Next reading Finish on the last step instead of the contact step growing a second button of its own.
- Fixed the selected answer pill being unreadable on Connect pages set to dark mode.
- The “Pick an option to continue.” prompt no longer sits squashed against the last answer — it now reads as a proper notice above the buttons.
If you use a custom template
The lender’s phone number is now available in two forms: theme.lender.phone_display is the readable number a visitor reads, and theme.lender.phone is the dial-ready form for a tel: link. If your custom template prints {{ theme.lender.phone }} as visible text, switch it to {{ theme.lender.phone_display }} — otherwise it will show as +18435550199 rather than (843) 555-0199.