Oops! Sorry!!


This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge.

Padzilly — Pre-Qualification Intro Modal · Variant C Build Spec
Padzilly · Buyer Pre-Qualification Flow · Screen 1

Intro modal — Variant C build spec

Current version vs. approved Variant C, with copy-paste strings and markup.

Scope: five text replacements plus one new list item. No layout changes, no style changes, no dimension changes, no flow-logic changes. The modal grows about 22 px taller from the added bullet — nothing else moves.

Current

Live now

Text being replaced is marked in red.

  • Bullet 1 is missing its plural — "view home you can qualify for".
  • Title and heading both say "pre-qualif…".
  • Headline leads with a time cost instead of a benefit.
  • Nothing names SearchPro or OfferPro.
Variant C — build this

Approved

New text in green; the added bullet is flagged.

  • Benefit leads; "a few minutes" moves to the end of the line.
  • "Exactly" and "actually" separate this from a generic affordability calculator.
  • Third bullet is the only new element — one <li>.
  • Button, title, and eyebrow link are unchanged.

Copy-paste strings

Each row is one replacement. Use the Copy button to grab the new string exactly as written — note the em dash in bullet 1 and the closing periods on the heading and footer.

Modal titleNo change
CurrentGet Pre-Qualified
Variant CGet Pre-Qualified
HeadingReplace
CurrentIt takes only a few minutes to complete your pre-qualification
Variant CSee your real buying power in just a few minutes.
Bullet 1Replace
CurrentKnow your purchasing power and view home you can qualify for
Variant CSee exactly what you can afford — and the homes you actually qualify for
Bullet 2Replace
CurrentDiscover programs and buying assistance that may be available for you
Variant CFind loan programs and buying assistance you may be eligible for
Bullet 3Add new
CurrentDoes not exist — add as third list item.
Variant CUnlock SearchPro and OfferPro to search and write offers with a real approval
Footer noteReplace
CurrentStart now, or you can come back and finish later if you need to
Variant CStart now, or come back and finish later.
Primary buttonNo change
CurrentStart Here
Variant CStart Here
Eyebrow linkNo change
CurrentWHY SHOULD I GET PRE-QUALIFIED?
Variant CWHY SHOULD I GET PRE-QUALIFIED?

Markup reference

Structure of the content block with Variant C copy in place. Class names are placeholders — keep whatever the component already uses. Changed lines are highlighted.

<!-- Get Pre-Qualified · intro modal -->
<div class="prequal-intro">

  <div class="modal-titlebar">
    <span class="modal-title">Get Pre-Qualified</span>
    <button class="modal-close" aria-label="Close">&times;</button>
  </div>

  <h2 class="prequal-heading">See your real buying power in just a few minutes.</h2>

  <button class="btn-primary prequal-start">Start Here</button>

  <p class="prequal-why">Why should I get pre-qualified?</p>

  <ul class="prequal-benefits">
    <li>See exactly what you can afford &mdash; and the homes you actually qualify for</li>
    <li>Find loan programs and buying assistance you may be eligible for</li>
    <li>Unlock SearchPro and OfferPro to search and write offers with a real approval</li>  <!-- NEW -->
  </ul>

  <p class="prequal-footnote">Start now, or come back and finish later.</p>

</div>
Two things to confirm before this ships
  • Does the flow actually save partial progress? The footer tells the buyer they can come back and finish later. If exiting mid-flow discards their entries, remove that line entirely rather than reword it — a broken promise here costs more than the reassurance gains.
  • "Buying assistance" or "down payment assistance"? The narrower phrase is more concrete and more familiar to buyers, but only use it if DPA is genuinely what the flow surfaces.