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

# Payment Page

A customer accessing a Payment Page will see the components defined by the merchant configuration.

<Columns cols={2}>
  <div style={{ paddingTop: "2.5rem" }}>
    This may include:

    * A payment amount (fixed or editable)
    * Standard required fields such as **Name**, **Email**, or **Phone number**
    * Additional required or optional fields configured by the merchant
    * Custom input types such as:
      * Checkbox selections
      * Dropdown menus
      * Radio button selections
      * Free-form text fields
    * A **Proceed to pay** button

    The **Proceed to pay** button becomes active only once all required fields are completed and valid.
  </div>

  <div style={{ paddingTop: "1.5rem" }}>
    <img src="https://mintcdn.com/momentholdingslimited/ltrCqk19he2WwTGA/guides/resources/PaymentPage.png?fit=max&auto=format&n=ltrCqk19he2WwTGA&q=85&s=9ccad9235c585cf2ff175b724e308e73" alt="Payment Page" title="Payment Page" style={{ width:"70%" }} className="ml-auto" width="390" height="829" data-path="guides/resources/PaymentPage.png" />
  </div>
</Columns>
