All posts
Industries

Lending and BNPL Website Design: APR Disclosures and Trust

Lending website design that handles APR disclosures, Reg Z triggering terms, representative examples and soft-check messaging so borrowers trust the rate.

By Mehdi Hassan7 min read

The short answer

Lending website design must disclose the APR wherever a rate appears, and when an ad states terms like a payment amount or number of payments, Regulation Z generally requires further disclosures, including the APR and repayment terms. Good lending sites turn this into design: a rate component with APR built in, a representative example table and plain credit-check messaging.

Key takeaways

  • Any interest rate shown should carry its APR. Build the APR into the rate component so it can't be dropped.
  • Under Reg Z, stating a payment amount or term in an ad can trigger more disclosures. Design for the full set.
  • A representative example table answers "what would I actually pay?" better than a headline rate.
  • Only say "checking your rate won't affect your credit score" if it's true for your process, and say why.
  • BNPL and pay-in-four products may follow different rules. Ask counsel before reusing loan page patterns.

Part of Fintech Website Design: Building Trust Before the First Click

What does a lending company website need to disclose?

A lending company website generally needs to disclose the annual percentage rate wherever it advertises a rate, the additional terms Regulation Z requires when certain credit terms are mentioned, licensing information for the states it lends in, and accurate statements about credit checks and eligibility. Most of this falls on rate, product and landing pages, not just the footer.

Most agency content about lending website design skips this entirely and talks about trust badges. Yet the disclosures shape the layout: a rate can't appear alone, and a monthly payment example brings a block of required terms with it. This guide treats those rules as design constraints. For the wider set of fintech trust patterns, see our hub on fintech website design.

How do Reg Z triggering terms affect loan website design?

Reg Z triggering terms affect loan website design because mentioning certain credit terms in an advertisement, such as the amount of a payment, the number of payments, the repayment period, the down payment or the finance charge, generally requires the ad to also disclose the down payment if any, the repayment terms and the APR. One line of marketing copy can bring a whole disclosure block with it.

If the page says

It may trigger

Design response

An interest rate

Stating it as an APR

Rate component always shows APR

A monthly payment amount

Repayment terms and APR

Payment example block with terms attached

Number of payments or term length

Repayment terms and APR

Term selector shows full terms beside it

A down payment amount

Repayment terms and APR

Same example block, with down payment

A finance charge amount

Repayment terms and APR

Cost breakdown component

General phrases like "low rates"

Usually not triggering terms

Still must not mislead; counsel decides

The practical lesson: decide early which terms marketing wants to show, and design the components that carry their required companions. Retrofitting disclosures onto a hero that says "$99 a month" usually breaks the layout.

How should APR disclosures look in lending website design?

An APR disclosure should look like part of the rate, not a footnote to it. Place the APR beside or directly under any rate, at a size users read without zooming, with a short line on what affects the rate and a link to full terms. If you show a range, show the full range, not just the lowest end in large type.

  • Show APR with the rate: "Rates from X% to Y% APR" in one line, with the full range at the same weight.
  • Explain what moves it: one sentence on credit profile, term and amount.
  • Date it: "Rates as of [date]" so users and regulators see it's maintained.
  • Link to the full terms: next to the rate, not only in the footer.
  • Same source everywhere: pull rates from one CMS entry so the hero, product page and FAQ agree.

Why use a representative example table?

A representative example table shows what a typical loan actually costs: amount, term, APR, monthly payment and total repaid. It answers the borrower's real question better than a headline rate, and it's a natural home for the disclosures that payment amounts trigger.

A hypothetical example table layout

For example, suppose a lender wants to show what borrowing looks like across a few common loan sizes. The table has columns for loan amount, term, APR, monthly payment and total amount repaid, with three rows covering small, medium and larger loans.

Under the table sits one plain sentence saying these are examples, the borrower's actual rate depends on their credit and other factors, and how rates are set. Counsel approves the numbers and the wording. The table is one CMS component, so when rates change, finance updates one entry and every page that shows it updates too.

Calculators can work too, as long as they use the same rates as the published table and show the APR and total cost in the result, not only the monthly payment. Our fintech landing page guide covers calculators and fee tables on campaign pages.

What should an online lender website say about credit checks?

An online lender website should describe its credit check accurately: whether checking a rate uses a soft inquiry that doesn't affect the credit score, and when a hard inquiry happens. Only promise "no impact on your credit score" if that's true for the step the user is about to take.

  1. Confirm the process

    Ask your credit and compliance team exactly when soft and hard inquiries happen in your flow.

  2. Say it at the button

    Put the accurate credit-check line right under the "Check your rate" button, where the worry arises.

  3. Warn before the hard pull

    Tell users clearly before any step that triggers a hard inquiry, and get their consent in the flow.

  4. Keep wording consistent

    Use the same approved sentence in ads, landing pages and the application so nothing contradicts.

This one line can be one of the most persuasive on a lending site, because it answers a common fear at the first click. It only works if it's true.

How is a BNPL website different from a loan website?

A BNPL website is different because pay-in-four and similar products may be structured and regulated differently from traditional installment loans, and they're often sold to merchants as well as shoppers. Don't assume loan page patterns apply, or that they don't. Ask counsel how your specific product is treated.

Pros

  • Simple payment schedules are easy to show visually
  • Merchant pages can focus on checkout and conversion benefits
  • Shoppers understand "four payments" faster than an APR
  • Clear late-fee tables build trust quickly

Cons

  • Products with interest or longer terms often need full loan disclosures
  • Two audiences, shoppers and merchants, need separate paths
  • Late fees and consequences must be as visible as the schedule
  • Rules for BNPL continue to evolve, so pages need regular review

If you serve both shoppers and merchants, plan two clear paths from the header. Our guide to must-have fintech website pages lists the pages each audience needs.

How do you keep lending disclosures accurate after launch?

You keep lending disclosures accurate by storing every rate, example and disclosure in one CMS source with a named owner, a review date and an approval step. Rates change often. A site where rates are typed into individual pages will eventually show old numbers somewhere.

Ongoing changes, like new states, new products or rate updates, are easier with a team that knows the system. Our guide to website care plans vs retainers helps you choose the right support. For the footer and general disclaimer language, see our fintech website compliance guide, and for structuring rate and eligibility FAQs that search engines quote, see FAQ sections that earn citations.

Frequently asked questions

Do business lenders need APR disclosures on their websites?
Reg Z's APR rules generally apply to consumer credit, so business lending is often treated differently at the federal level. Some states have their own commercial financing disclosure laws, though, and misleading claims are a problem under any rules. Ask counsel what applies to your products and states, and show cost information clearly anyway, since business borrowers compare too.
Can we say "low rates" or "competitive rates" on our site?
General phrases like these usually aren't Reg Z triggering terms, but they still must not be misleading, and you may need to substantiate them. Many lenders replace vague claims with an actual APR range and a representative example, which is both more persuasive and easier to defend. Have counsel review any comparative or superlative claim before it goes live.
Where should state licensing information appear?
Put a complete licensing statement in the footer and a dedicated licenses page listing each state and license, then add any state-specific language counsel requires on application pages. If you only lend in some states, say so before the user starts an application. Keep all of it in one CMS component so adding a state updates every page.
Should a loan calculator show monthly payment or total cost?
Show both, plus the APR. A monthly payment alone can make a longer, more expensive loan look cheaper. Showing the total amount repaid and the APR next to the payment gives borrowers a fair picture and helps meet disclosure requirements. Use the same rates as your published examples, and date the calculator's assumptions.
How do we design for borrowers who are declined?
Treat the decline screen as carefully as the approval. Say clearly that the application wasn't approved, explain that a notice with reasons will follow if required, and offer helpful next steps where appropriate. Avoid upbeat marketing copy on this screen. A respectful decline protects your brand and reduces support complaints and reviews from frustrated applicants.

· CEO & Design Director

Copywriter, designer and developer, and founder of Designify Studio. Over five years, 60+ projects across 14+ industries, for startups that have raised $300M+.

Want this done for you? Website, $8,000.

A multi-page marketing site, designed by us, developed in Next.js and animated. $8,000, one-time, up to 6 pages. Book a free 30-minute call to see if it fits.

Schedule Call