Investigate Payment method validation for checkout process

[jaycmb]

The Kickoff Call brought up the discussion of in which step in the checkout process the user gets forwarded to PayPal or Stripe

New proposal is:

Option A

• 2nd Step "Payment Method" is purely for the user to select their payment option and see related fees but not enter any details

• 3rd step Order Summary: both for Credit Card and Paypal users are asked to enter their information only when placing the order in the final step and then getting forwarded to the respective payment provider

  Mockups here

  Old:

New: 

Option B: More Standard E-Commerce, but @Matt-Yorkley mentioned that users might not be able to review their credit card details in the 2nd step because we do not save them (but Stripe)

Step 2: User selects payment method

• Credit Card: User enters their credit card details and verification takes place in the payment step
• Paypal: User selects radio button and info text “You´ll be forwarded to Paypal after you reviewed and confirmed your order in the next step” is displayed

Step3: Order Summary page User places order

• Credit Card: Stripe payment gets processed
• Paypal: Paypal Modal opens up and user enters their paypal data for payment to be processed

Examples of E-Commerce Checkouts with an Order Summary step

https://docs.google.com/presentation/d/1fqdXSzXAuQRFtMKbc7pUW7aNkkbJnS64gh8Vz7Lvcus/edit?usp=sharing

[Matt-Yorkley]

I think A and B are probably both feasible, and with B we can show whatever we show now when the user has a previously save card when they get to the checkout (which I think is the last 4 digits) :ok_hand:

[jaycmb]

Cool, thanks for investigating! Only thing yet to clarify: could the user still use a previously saved card when we go for Option A? As far as I understood the user´s credi cards are saved with Stripe anyways, but don´t know if the user could select them when forwarded to Stripe after placing the order?