Table of Contents
Table of Contents |
---|
UX
Updated Payments Flow
Includes:
...
Domain Paid Flow (FIO, Debit/Credit and Coinpayments)
...
Latest
https://overflow.io/s/TVDA0MIM/EYVLXRBB
...
https://overflowsketch.iocom/s/G9WS0H80?node=52fd5316
Original Paid Flow For Reference
These flows represent the original flow and are for reference as needed. The new flows above will supersede these based on the addition of the new payment methods.
https://overflow.io/s/Z6B8A8VT
Cart
...
Visual
...
Functionality
...
Free Cart
No Payment Required
...
...
These paths already exists and can persist now for single free crypto handle transactions.
Search View
Display
Single FIO Crypto Handle in Cart
Checkout CTA
In the case where the user is registering a single free crypto handle, the user will bypass the secondary cart view and proceed directly to the make purchase view with no form of needed payment to complete their transaction.
Cart View
Display
Single FIO Crypto Handle in Cart
Complete Transaction CTA
In the event that the user closes the purchase view and only a single free handle is in the cart, the user is shown the cart view with with the complete transaction CTA with directs the user the the make purchase view with no form of needed payment to complete their transaction.
...
Paid Cart
Pay with FIO Cart
...
Pay with non-FIO Cart
...
Price Change
...
Display
FIO Addresses and FIO Domains in cart
Show price
Show FIO price with 2 decimal precision, e.g. 1.23 FIO
Show USDC price - see Free FIO Address and USDC Price Computation
Cart can contain FREE and paid items
Total cost
Sum of all FIO Addresses
Price change warning
Display if price has changed from previous page
Search for more FIO Addresses
On click
Display FIO Address Selection Page
Pay with FIO Cart - show if user has 1 or more FIO Wallets with enough funds to pay for entire cart show
Pay with FIO link
On click display FIO Payment Page
Other Pay Options
On click display Payment Options
Pay with non-FIO - show if user does not have enough FIO in any wallet to pay for cart
Pay with FIO Credit Card
On click display Pay with Credit Card Page
Pay with CoinPayments
On click redirect to CoinPayments
...
Payment Options
...
Display
Pay with FIO Credit Card
On click display Pay with Credit Card Page
Pay with CoinPayments
On click clear cart and redirect to CoinPayments
Pay with FIO
...
Visual
...
Functionality
...
Purchase Page
...
Collect
FIO Wallet name - only show if user has more than 1 FIO Wallet irrespective of balance
Display
FIO Addresses and FIO Domains in cart
Show price
...
Show FIO price with 2 decimal precision, e.g. 1.23 FIO
...
ab287b92-d6b1-4a84-8b26-324a561ae643
Free Address and USDC Price Computation
Visual | Functionality |
---|---|
Free FIO Address |
|
USDC Price Computation |
|
FIO Price Display |
|
Shopping
Product items and descriptors
Action | Cart item | Descriptor | Example |
---|---|---|---|
FCH Registration (Free or Paid) | FCH | FIO Crypto Handle Registration | bob@hodl FIO Crypto Handle Registration |
Domain Registration | Domain | FIO Domain Registration - 1 year FIO Domain Registration - X years | amazon FIO Domain Registration - 3 years |
FCH and Domain Registration | FCH | FIO Crypto Handle and Domain Registration - 1 year FIO Crypto Handle and Domain Registration - X years | bob@hodl FIO Crypto Handle and Domain Registration - 1 year |
Domain Renewal | Domain | FIO Domain Renewal - 1 year FIO Domain Renewal - X years | amazon FIO Domain Renewal - 1 year |
Add Bundles | FCH | Add Bundled Transactions | bob@hodl Add 100 Bundled Transactions |
Shopping Selection
View | Requirements | |||||
---|---|---|---|---|---|---|
FIO Crypto Handle SelectionPopulatedUser has domains stateEmpty stateError stateNothing available stateLoader state |
| |||||
FCH Label Pop-up |
| |||||
FIO Crypto Handle on custom domainDefault stateDomain available stateDomain is public and FCH available stateError stateWhen accessed from Domain List Page |
get_table_rows example
| |||||
FIO Domain SelectionDefault stateNot available stateInvalid domain state |
| |||||
Multi-year domains |
|
Checkout
Cart
View | Requirements |
---|---|
Template |
|
Multi-year domain |
|
Watchlist Domains |
|
Purchase Page
Total cost
Sum of all items' cost in cart
View | Requirements |
---|---|
Pay with FIO |
|
FIO price as obtained from /get_fee
|
|
|
|
Pay with Stripe |
Functionality
Pay with card
Display
FIO Addresses and FIO Domains in cart
Show price
Show USDC price as USD ($)
|
|
|
Total cost
Sum of all items' cost in cart
Links
Pay
On click
Execute Purchase and Display Pay with Stripe
|
...
Free |
...
|
...
Visual
...
Functionality
...
Success
...
...
Display
FIO Addresses and FIO Domains purchased
Show price
Show FIO price with 2 decimal precision, e.g. 1.23 FIO
Show USDC price - see Free FIO Address and USDC Price Computation
Total cost
Sum of all items' cost in cart
Close or X
When clicked display Authenticated Home Page
...
Purchase Error
...
...
Displayed when all items in cart were not purchased due to errors.
Display
Close or X
Display Cart page with all failed items from purchase added back to cart
...
Partial Success
...
...
Displayed when some items in cart were not purchased due to errors.
Display
Items purchased
Items which had errors
Display
Try Again
the purchase of remaining items is retried and Purchase Interstitial is displayed.
X
Display Cart page with failed items from purchase added back to cart
Remaining items are left in Cart
Pay with CoinPayments/Stripe Confirmation
Visual
Functionality
Success
Display
FIO Addresses and FIO Domains in cart
Show price
| |
Pay with Bitypay |
|
Purchase Confirmation
View | Requirements |
---|---|
Template |
|
|
Stripe
|
Coinpayments
CoinPayments
Stripe
Credit/Debit Card
Transaction ID
Coinpayments
Transaction ID
Stripe
payment_intentm IDDisplay
|
On click
|
Pending |
Display
Copy
Coinpayments
Confirmation in Progress - Your crypto payment is currently being confirmed. You do not need to remain on this screen and may close the view without disrupting your purchase.
|
|
requires_payment_method
Credit/Debit Card not accepted - the credit card you have provided was not accepted by the issuing bank and therefore your transaction was not complete. Click close and try purchasing again with another form of payment.
|
FIO Addresses and FIO Domains in cart
Show price
Show FIO price with 2 decimal precision, e.g. 1.23 FIO
Coinpayments
Show USDC price - see Free FIO Address and USDC Price Computation
Stripe
Show USDC price as USD ($) - see Free FIO Address and USDC Price Computation
Paid with copy
Coinpayments
CoinPayments
Stripe
Credit/Debit Card
Total cost
Sum of all items' cost in cart
Transaction ID
Coinpayments
Transaction ID
Stripe
payment_intentm ID
Close or X
On click
Display Orders Page
Continue monitoring status and if changes update page to new status
Cancelled
Display
Copy
Coinpayments
Canceled Payment - Your crypto payment has been cancelled.
Stripe
Canceled Payment - Your credit/debit card payment has been cancelled.
FIO Addresses and FIO Domains in cart
Show price
Show FIO price with 2 decimal precision, e.g. 1.23 FIO
Coinpayments
Show USDC price - see Free FIO Address and USDC Price Computation
Stripe
Show USDC price as USD ($) - see Free FIO Address and USDC Price Computation
Total cost
Sum of all items' cost in cart
Paid with copy
Coinpayments
CoinPayments
Stripe
Credit/Debit Card
Transaction ID
Coinpayments
Transaction ID
Stripe
payment_intentm ID
Close or X
On click
Display Cart page with all items from purchase added back to cart
Purchase Error or Declined
Display
Copy
Coinpayments
Purchase Error - There was an error during registration. As a result we could not confirm the purchase, but we have credited your wallet with XXX.XX FIO Tokens. You can use these tokens to register FIO Crypto Handle or Domain.
Stripe
Partial Success |
|
Purchase Error |
|
|
|
Show price
Show FIO price with 2 decimal precision, e.g. 1.23 FIO
Coinpayments
Show USDC price - see Free FIO Address and USDC Price Computation
Stripe
Show USDC price as USD ($) - see Free FIO Address and USDC Price Computation
Total cost
Sum of all items' cost in cart
Paid with copy
Not Paid
Transaction ID
Coinpayments
Transaction ID
Stripe
payment_intentm ID
Close or X
On click
Display Cart page with all items from purchase added back to cart
Partial Success
Display
FIO Addresses and FIO Domains in cart
Show price
Show FIO price with 2 decimal precision, e.g. 1.23 FIO
Coinpayments
Show USDC price - see Free FIO Address and USDC Price Computation
Stripe
Show USDC price as USD ($) - see Free FIO Address and USDC Price Computation
Total cost
Sum of all items' cost in cart
Transaction ID
Coinpayments
Transaction ID
Stripe
payment_intentm ID
Close or X
On click
Display Cart page with failed items from purchase added back to cart
| |
Declined (Stripe) |
|
Canceled |
|