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

# Bill Pay

> Let users submit bill payments, manage recipients, and track payment activity and overdue payments from within the app.

## Manage Recipients

Users select **Manage Recipients** to add or edit bill pay recipients. From the list, swipe right on a recipient to access **Edit** and **Remove** actions. Select **Add Recipient** to search prefilled options, or **Add Manually** to enter payment information directly.

<iframe src="https://embed.figma.com/design/xzxrXwZBF01O3L6I71q1eX/Bill-Pay---Docs?node-id=2002-11384&embed-host=share" style={{ width: "100%", maxWidth: "700px", aspectRatio: "7/4.5", border: "none" }} />

## Make a Payment

Here are the steps to making a payment.

<iframe src="https://embed.figma.com/design/xzxrXwZBF01O3L6I71q1eX/Bill-Pay---Docs?node-id=2002-11891&embed-host=share" style={{ width: "100%", maxWidth: "700px", aspectRatio: "7/4.5", border: "none" }} />

<Steps>
  <Step title="Start a payment">
    Users select **Pay Bill**.
  </Step>

  <Step title="Choose a recipient">
    Previously saved recipients are listed. Users can select an existing recipient or choose **Add Recipient** to enter a new one.
  </Step>

  <Step title="Review pre-populated details">
    Payment details pre-populate but cannot be edited at this step.
  </Step>

  <Step title="Choose a source account">
    Users select the account to pay from.
  </Step>

  <Step title="Edit payment details">
    Users can now edit the amount, date, memo, and whether the payment is recurring. Turning on the **Recurring** toggle opens a **Frequency** selection box.

    * **Frequency options:** Daily, weekly, monthly, or quarterly.
    * **Duration options:** Until I Cancel, Until Specific Date, Set Number of Payments, or Set Dollar Amount of Payments. After a frequency is selected, the app opens the **Duration** menu. When **Recurring** is on, the selected frequency and duration appear beneath the toggle with right arrows for editing.

    <Info>
      You can configure **Frequency** options for your users using the MDX API, and **Duration** options by contacting your MX representative.
    </Info>
  </Step>

  <Step title="Submit the payment">
    Users slide the arrow icon to complete the payment. On success, the screen turns green and displays the payment details: amount, source account, destination account, date, and recurrence (if applicable). Users then select **Done** to return to the home screen or **Make Another Payment** to return to the payment page.
  </Step>
</Steps>
