# Payment Methods process

## How our FrontStream Embedded Payment Form Handles Payment Methods

Our **FrontStream Embedded Payment Form** handles multiple payment methods by dynamically adjusting the form based on the user’s choice of payment method. Example flow:

1. **Payment Method Selection**:
   * The form allows users to select from different payment methods (credit/debit card, Google Pay, Apple Pay, ACH, etc.).
2. **Show Relevant Fields**:
   * Based on the user’s selection, the embedded form will display the appropriate fields for that payment method.
     * **For credit/debit cards**: Show card number, expiration date, and CVV fields.
     * **For Google Pay/Apple Pay**: Show the respective wallet buttons (which, when clicked, launches the wallet’s payment interface).
     * **For ACH**: Display fields for the user to enter their bank account and routing numbers.
3. **Payment Processing and Surcharging**:
   * The end-user enters payment details, which are secured within the iframe, ensuring that no sensitive information is transmitted to the customer's servers.&#x20;
   * Once the user submits the form, the **FrontStream Embedded Payment Form** processes the payment using the selected method.
   * For **Surcharging**, the **FrontStream Embedded Payment Form** will calculate and display any applicable fee before proceeding with payment processing simplifying the surcharging implementation process.
4. **Confirmation**: The customer receives transaction metadata, allowing them to confirm the payment without handling sensitive data directly.&#x20;
5. **Receipts**: The purchaser or donor receives a receipt sent to their email detailing the transaction. &#x20;
