Common design for "checkout" pages?

I wonder whether there is some suggested design for the “checkout page” in web-shops. With “checkout page” I mean the page shown to the customer after they choose “pay with Taler” and showing the QR-code and a button/link to pay with the browser’s wallet. See attached example.

Also a common wording (in different languages) would be great.

Rational: When using a common design, there is a recognition value , which is growing over time.

1 Like

I just discovered that the merchant backend already provided such a page, see below. This page is shown when accessing $INSTANCE/orders/$ORDER_ID.

Anyhow, there is one major issue with this page IMHO: If the wallet extension is enabled in the browser, this page immediately redirects to the wallet in the browser. This inhibits that the customer may choose to pay with their mobile wallet. This is why I suggest to us a different page.

Also shops may want to provide a Taler checkout page of their own since
a) they can use more of the same code for different payment systems
b) they may want to use a pop-up or overlay
c) they may want to style the checkout page according the the shops design

2 Likes

I think you can disable this behavior by unchecking the box in the browser’s wallet setting:

1 Like

Thanks for this hint.

Two thought on this, why I still think such a common design would be useful:

  1. Users might not be aware of this. And thus shops that want to enable customers to choose might still want to present such a checkout page.

  2. When sending a payment request via e.g. e-mail, one might to put the QR code (and the link) into the e-mail - eventually styling it in a common way.