> ## Documentation Index
> Fetch the complete documentation index at: https://docs.heylua.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Payment Component

> Secure payment and checkout links

## Overview

The **Payment** component displays secure payment links for checkout, bookings, or invoices.

## Format

```
::: payment
[Link text describing payment](Payment-URL)
:::
```

## Example

```
::: payment
[Complete your $1,299 order payment](https://checkout.stripe.com/session_abc123)
:::
```

<Frame>
  <img src="https://mintcdn.com/luaglobal/5airD3u2P6mv3Ovl/images/formatting/payment-link.png?fit=max&auto=format&n=5airD3u2P6mv3Ovl&q=85&s=c6d124206009db126012c2729bfe5955" alt="Payment button rendered in the Lua Pop web widget" width="3024" height="544" data-path="images/formatting/payment-link.png" />
</Frame>

*A payment link rendered as a button in the Lua Pop web widget.*

## Configure

```typescript theme={null}
context: `
  After creating order, provide payment:
  
  ::: payment
  [Complete payment for Order #ID](payment-url)
  :::
  
  Include order number and amount.
`
```

## Best For

* Checkout flows
* Booking payments
* Invoice links
* Subscription payments

<Card title="All Components" icon="list" href="/formatting/introduction">
  Explore all response formatting components
</Card>