How to customize SCA popup after call verifyBuyToken

Questions
1

Hi bro,
We are intergrate square up in our website. We use Web-Payments-SDK to develop payment.
But, We want to customize popup SCA example amount and timezone. This is because We use this site in Japan (The time display is UTC+0 timezone).

Screenshot 2024-03-01 153229
Screenshot 2024-03-01 153229887×613 25.7 KB

We appriciate you help us ASAP

2

:wave: I’m Square Dev AI, here to help answer your question!
Based on the information you’ve provided, the following documentation will help answer your question:

https://developer.squareup.com/docs/app-marketplace/requirements/web-payments-sdk

Additional Documentation

https://developer.squareup.com/docs/payments
https://developer.squareup.com/docs/in-app-payments-sdk/quick-start/start
https://developer.squareup.com/docs/in-app-payments

If this documentation helped you find a solution, please check the box indicating that this reply solves the problem.
Otherwise one of our Developer Advocates will provide additional assistance shortly.

3

Hi Square Guru,

I have checked your AI answer. So It’s not help me. Could you please help me solution.

Thanks.

4

The Web Payments SDK provides a secure, customizable payment form for accepting online payments. However, it does not currently support customization of the Strong Customer Authentication (SCA) popup, including the amount and timezone. The SCA popup is managed by Square and is designed to comply with regulatory requirements. The timezone displayed in the SCA popup is based on the region where the payment is being processed.

This answer was reviewed by @Bryan-Square.

5

Hi Bryan, I have checked.
-Purchase Amount is always = 0. How can I hide it on popup. This is because, it may be make some confuse for customer. (Real amount usually difference 0)

6

Are you passing in the amount when calling verifyBuyer? If you don’t pass in an amount it will show $0 to the customer when going through the verification step. :slightly_smiling_face:

7

I use option intent = ‘store’, because we need store card in file, and payment every month. So This is not have option amount.
Can you recommend us resolve our issue.

8

@Bryan-Square
Can you help me resolve it?
Thank you so much.

9

Okay, so your storing the card on file but you will be charging an amount with the stored card on file right after you store it? If so that should be the amount you pass in when calling verifyBuyer. :slightly_smiling_face:

10

@Bryan-Square

Okay, so your storing the card on file but you will be charging an amount with the stored card on file right after you store it?
yep
If so that should be the amount you pass in when calling verifyBuye
I passed amount when calling verifyBuyer but amount always display = 0 on popup.
I’ve checked on document when option intent = STORE dont have accept amount option. Please check document https://developer.squareup.com/reference/sdks/web/payments/objects/Payments#Payments.verifyBuyer
(Please check StoreVerifyBuyerDetails option)

So anyway hide amount option on popup?

11

Unfortunately there isn’t any way to hide the amount on the popup. Also it will look different for each customer because the popup is controlled by the buyers bank. What you see in sandbox is just an example. :slightly_smiling_face:

12

@Bryan-Square
Is not way show amount when use option intent = STORE ?

13

At this time there isn’t a way to hide the amount. Also please note the popup you see in sandbox is just for testing. The popup that customers will see is styled by the customers bank and will be different for each card holders bank. :slightly_smiling_face:

14

@Bryan-Square
It’s clearly. Thank you very much!