> For the complete documentation index, see [llms.txt](https://docs.bluepro.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bluepro.ai/plans-billing/getting-paid-online-the-customers-experience.md).

# Getting Paid Online: The Customer's Experience

When you send an invoice with a payment link, your customer gets a clean, branded page where they can pay in seconds. This guide shows exactly what they see — so you can confidently tell them what to expect.

### What You Send

When you **Send to Contact** (see *Invoicing Essentials*):

* **Email** includes a PDF of the invoice plus a link to pay.
* **Text** sends a payment link they can open on their phone.

### What the Customer Sees

Opening the link brings up your branded invoice page:

* Your **company name and logo**, the **amount due**, **due date**, and **invoice number**
* **Line items** (expandable), plus any **attachments, notes, and terms**
* A **payment schedule**, if the invoice is on a deposit or installment plan
* A status badge — e.g., **Awaiting Payment**, **Processing Payment**, **Paid**

<figure><img src="/files/Xi7VExSzjHAB7CBxyB5F" alt=""><figcaption></figcaption></figure>

### How They Pay

In the payment panel, the customer:

1. Confirms the **amount** (or the amount due now, for a plan)
2. Optionally adds a **tip** — None, 10%, 15%, 20%, or Custom
3. Chooses a method — **Card** or **Bank**:
   * **Card** — name, card number, expiration, CVV, ZIP
   * **Bank** — connect a bank account for an ACH payment

> 🎞️ **CLIP —** The customer selecting a tip, entering a card, and paying.

> 💡 **Tip — They only see what you've enabled.** If only card payments are on, the bank option won't appear. Tipping shows only if you've enabled customer tips in your invoice settings.

### After They Pay

The invoice flips to **Paid**, the customer can grab a **receipt**, and the payment shows up on your side immediately (with the activity log noting the payment).

> 💡 **Tip — This is the other side of "Send to Contact."** Everything here is what your customer experiences after you send an invoice — so the cleaner your logo and invoice settings, the better this page looks.

### FAQ

* **Can customers pay by bank, not just card?** Yes, if bank/ACH is enabled — they connect their bank account on the page.
* **Can they tip?** Only if you've enabled customer tips in invoice settings.
* **Do they need an account or login?** No — the link opens the payment page directly.
* **Can they pay just a deposit or one installment?** Yes — for plans, the page shows the amount due now and the schedule.
* **How do I know they paid?** The invoice updates to Paid instantly and the payment appears in its activity log.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.bluepro.ai/plans-billing/getting-paid-online-the-customers-experience.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
