[ApplePayJS]How to display merchant's logo in the payment authorization screen ?

Question

SCDev OP

Created Mar ’17

Replies 3

Boosts 0

Views 2.2k

Participants 3

Hello,

This is an image better explaining my question:

http://i.imgur.com/CiIfClz.png

1. I wonder - where is the merchant's logo taken from when displaying the payment authorization screen ?

2. This text is taken from the label that you pass in the total I guess ?

total : { label : 'shop.lululemon.com', amount : '1' }

Answered by SCDev in 219296022

I have found the documentation here:

https://developer.apple.com/apple-pay/web-human-interface-guidelines/

under the Provide your website icon for the payment sheet section.

Boost

Answer 1

SCDev OP

Mar ’17

Accepted Answer

I have found the documentation here:

https://developer.apple.com/apple-pay/web-human-interface-guidelines/

under the Provide your website icon for the payment sheet section.

1

Answer 2

clintonb OP

Jul ’17

To clarify for future searchers: Your site's favicon is used. There is currently no method of manually setting the icon/logo.

0

Answer 3

psyaritzia OP

Aug ’17

Hi there,

I'm able to see our favicon when viewing our site's bookmark on mobile. But it doesn't show up in the mobile payment authorization screen and anybody has encountered this issue. The following is the snippet of code that we've implemented:

0