User Interface: Store Front
Upon order confirmation the transaction will be authorized or captured according to the extension settings using the already stored on Square card token.
New credit card
This is what your customers will see at the final stage of the checkout if they do not have any associated cards. In the example here we are running the extension in test mode which is why the yellow notification is showing up.
Tokenized credit card, a.k.a. Card On-File
On the other hand, if a customer has already made a checkout with a valid credit card and has chosen to save their card, they can select it to skip manual entry. This is what they will see on their second and subsequent checkouts:
In cases when your customer is accessing the checkout from an Apple device, they will also see the option to pay with Apple Pay: