FrontStream Docs
FrontStream Payments
FrontStream Payments
  • Introducing our Embedded Form
    • Overview and Features
    • Payment Methods process
    • How to implement
    • Compare Embedded Form and Direct API integration
  • Welcome to our Payment API
    • Overview
    • Quick Start
    • API references
      • Search for a Charity for your Donation
      • Make a Payment
      • Learn how to cover Fees
      • Test Payment API Features
        • CharitySearch
        • Payment
        • Fee
      • Temp - Make a Payment - API specification
      • Temp - Charity Search API specification
      • Payment - Specification
      • Calculate Fees - Specification
    • Specification
    • CharitySearch - Specification
Powered by GitBook
On this page
Export as PDF
  1. Introducing our Embedded Form

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.

    • 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.

  5. Receipts: The purchaser or donor receives a receipt sent to their email detailing the transaction.

PreviousOverview and FeaturesNextHow to implement

Last updated 5 months ago

Page cover image