chau_api | Stripe Developers | Page 1

swift hareBOT Jun 20, 2024, 9:01 AM

#

frigid spruceBOT Jun 20, 2024, 9:01 AM

#

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

chau_api, 8 minutes ago, 12 messages
chau_api, 1 day ago, 12 messages
chau_doc-googlepay, 1 day ago, 13 messages
chau_google-pay, 1 day ago, 21 messages
chau_api, 1 day ago, 88 messages
chau_api, 2 days ago, 45 messages
and 1 more

swift hareBOT Jun 20, 2024, 9:01 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! We typically respond in a few minutes, but in some cases we might need a bit more time (e.g., server's busy, you've got a complex question, etc.).

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1253273486890111031

📝 Have more to share? Add details, code, screenshots, videos, etc. below.

spark trout Jun 20, 2024, 9:01 AM

#

Hi

swift hareBOT Jun 20, 2024, 9:01 AM

#

spark trout Jun 20, 2024, 9:02 AM

#

Could you please help me

#

Does google pay show up on google chrome on iphone?

#

I have installed google chrome and logged in to my google account on my iphone.

#

But I don't see it displaying the google pay button.

dapper crater Jun 20, 2024, 9:03 AM

#

👋 happy to help

#

give me a couple of minutes please

#

do you happen to have a card added to your Google Pay wallet?

spark trout Jun 20, 2024, 9:05 AM

#

yes, I added card

#

with this google account, I can display google pay in my computer.

dapper crater Jun 20, 2024, 9:06 AM

#

where are you based?

spark trout Jun 20, 2024, 9:08 AM

#

with google in my computer, I display button google pay in website

#

#

But when I run by google chrome of iphone, I don't display.

#

I have logged in to my google account with google pay.

dapper crater Jun 20, 2024, 9:11 AM

#

you need to follow these steps https://support.google.com/wallet/answer/12059331?hl=en&co=GENIE.Platform=iOS&visit_id=638544712013333835-493888384&rd=2

Download the Google Wallet app - Google Wallet Help

To get started with Google Wallet, download and set up the app. What you need To use the app, you must have a valid Google Account, subject to these age restrictions per country or region

spark trout Jun 20, 2024, 9:14 AM

#

I can't find this app for my phone Google Wallet

#

I am in Viet Nam.

dapper crater Jun 20, 2024, 9:18 AM

#

https://apps.apple.com/in/app/google-pay-save-pay-manage/id1193357041

App Store

‎Google Pay: Save, Pay, Manage

‎Make UPI transfers or do mobile recharges, bills and payments to businesses with your bank account with Google Pay, a simple and secure payments app by Google.

Join crores of Indians who are using Google Pay for all their payment needs. Refer friends, get the latest offers and earn rewards as you p…

spark trout Jun 20, 2024, 9:22 AM

#

There is a message that the app is not available in your region or country.

#

I am in Viet Nam

#

Can I download it?

frigid spruceBOT Jun 20, 2024, 9:25 AM

#

pulsar pulsar Jun 20, 2024, 9:27 AM

#

not sure, question for Appple/Google really!

swift hareBOT Jun 20, 2024, 9:28 AM

#

spark trout Jun 20, 2024, 9:41 AM

#

safari display apple pay and google pay, right?

pulsar pulsar Jun 20, 2024, 9:41 AM

#

that is what that table seems to say, yes!

spark trout Jun 20, 2024, 9:42 AM

#

But I only see apple pay displayed in my safari, but google pay not

pulsar pulsar Jun 20, 2024, 9:44 AM

#

I think my colleague indicated you need a specific app installed on the phone for that to be possible?

pulsar pulsar Jun 20, 2024, 9:44 AM

#

dapper crater https://apps.apple.com/in/app/google-pay-save-pay-manage/id1193357041

I don't really agree it's this app though, that's an Indian-specific app.

pulsar pulsar Jun 20, 2024, 9:45 AM

#

spark trout safari display apple pay and google pay, right?

what page is this screenshot from?

spark trout Jun 20, 2024, 9:56 AM

#

No, I am in Viet Nam

pulsar pulsar Jun 20, 2024, 9:57 AM

#

yep, so I don't think that Google Pay UPI app is relevant to you, so let's put that aside for now

#

what page is your screenshot of our docs from? I thought Google Pay is not supported on iOS but I must be missing something.

spark trout Jun 20, 2024, 9:58 AM

#

https://docs.stripe.com/elements/express-checkout-element#supported-browsers

#

I see google pay and apple pay displayed in safari.

#

But currently I only see apple pay displayed in safari, but google pay is not

pulsar pulsar Jun 20, 2024, 10:01 AM

#

I see. So maybe it's just your phone? Do other sites you visit in Safari have Google Pay active? Do you have the Google Pay app (https://support.google.com/wallet/answer/12059331?hl=en&co=GENIE.Platform=iOS&visit_id=638544712013333835-493888384&rd=2) installed? Do other people in your company visiting your site on their iPhones, see Google Pay?

spark trout Jun 20, 2024, 10:03 AM

#

No, I'm talking about desktop safari.

pulsar pulsar Jun 20, 2024, 10:04 AM

#

same question then, do other sites you visit in Safari have Google Pay active? Do other people in your company visiting your site in Safari, see Google Pay?

spark trout Jun 20, 2024, 10:05 AM

#

in Safari have Google Pay active

#

I see google pay in my website by my safari.

#

But I only see google pay in my website with google chrome.

pulsar pulsar Jun 20, 2024, 10:08 AM

#

spark trout But I only see google pay in my website with google chrome.

that's normal?

#

Apple Pay is only ever visible in Safari.

#

Chrome can only show Google Pay

#

Safari can show Apple Pay, and Google Pay

spark trout Jun 20, 2024, 10:10 AM

#

Yes, I can't see Google Pay in my safari

pulsar pulsar Jun 20, 2024, 10:11 AM

#

what is the URL of your site?

#

how do I get to the page where you're using the ExpressCheckoutElement?

#

also, you may want to write to https://support.stripe.com/?contact=true to enquire about https://stripe.com/legal/restricted-businesses#:~:text=and debt consolidation-,Gambling,-Games of chance

spark trout Jun 20, 2024, 10:15 AM

#

84974444447 / Demo@123

pulsar pulsar Jun 20, 2024, 10:15 AM

#

which country code?

spark trout Jun 20, 2024, 10:15 AM

#

84

#

you can buy a ticket

pulsar pulsar Jun 20, 2024, 10:17 AM

#

it's not using Stripe.

spark trout Jun 20, 2024, 10:17 AM

#

No

#

it's below

#

#

this is google pay in chrome.

pulsar pulsar Jun 20, 2024, 10:25 AM

#

can you show me the exact code you wrote to integrate ExpressCheckoutElement?

#

I'm trying to look but it's all minified.

spark trout Jun 20, 2024, 10:30 AM

#

        this.expressCheckoutElement.on('ready', ({availablePaymentMethods}) => {
            console.log(availablePaymentMethods);
            if (availablePaymentMethods && availablePaymentMethods.applePay) {
                this.isApplePay = true
            } else {
                this.isApplePay = false
            }
        });
        this.expressCheckoutElement.on('confirm', async (event) => {
            const {error: submitError} = await this.stripeElements.submit();
            if (submitError) {
                return;
            }
            if (event.expressPaymentType === 'google_pay') {
                this.purchase('google-pay')
            } else {
                this.purchase('apple-pay')
            }
        })
    },

#

this is my code

pulsar pulsar Jun 20, 2024, 10:32 AM

#

what do you see when visiting https://4242.io/express-checkout-element/ in Safari?

spark trout Jun 20, 2024, 10:35 AM

#

pulsar pulsar Jun 20, 2024, 10:45 AM

#

can you refactor your site and remove the other payment processor or put the ExpressCheckoutElement on a different page?

#

right now you have the ExpressCheckoutElement <div> inside the id="checkout-iframe-id" <div> for the other payment processor, that might potentially cause issues.

spark trout Jun 20, 2024, 10:53 AM

#

this.expressCheckoutElement.mount('#express-checkout-element');
const expressCheckoutDiv = document.getElementById('express-checkout-element');

        this.expressCheckoutElement.on('ready', ({availablePaymentMethods}) => {
            console.log(availablePaymentMethods);
        });

#

I console log here

#

button google pay return false of availablePaymentMethods

pulsar pulsar Jun 20, 2024, 10:54 AM

#

yes I know

#

can you try what I said and build the ExpressCheckoutElement on its own simple page on your site without another payment processor's code, to rule things out and see if it appears there?

swift hareBOT Jun 20, 2024, 10:57 AM

#

spark trout Jun 20, 2024, 10:57 AM

#

I will change all to stripe

#

I will info you now

#

could you please reload page in my wesite

pulsar pulsar Jun 20, 2024, 11:05 AM

#

in your code you posted earlier, what does options: express, mean?

#

what is the variable express ?
in any case that parameter isn't doing anything , you can see in your console log
"Unrecognized elements.create('expressCheckout', options) parameter: options is not a recognized parameter. This may cause issues with your integration in the future."

spark trout Jun 20, 2024, 11:08 AM

#

const express = {
wallets: {
applePay: 'always',
googlePay : 'always'
}
}
this.expressCheckoutElement = this.stripeElements.create('expressCheckout', {
options: express,
buttonType: {
googlePay: 'buy',
applePay: 'buy',
},
buttonTheme: {
googlePay: 'white'
},});

wooden anchor Jun 20, 2024, 11:10 AM

#

Can you remove options: express? It's not a valid param

spark trout Jun 20, 2024, 11:10 AM

#

const express = {
wallets: {
applePay: 'always',
googlePay : 'always'
}
}

#

Do I need to define this?

#

I removed it

wooden anchor Jun 20, 2024, 11:15 AM

#

The overall API shape should look like this:

create('expressCheckout', {
  buttonType: {
    googlePay: 'buy',
    applePay: 'buy',
  },
  buttonTheme: {
    googlePay: 'white'
  },
  paymentMethods: {
    applePay: 'always',
    googlePay: 'always'
  }
});

spark trout Jun 20, 2024, 11:21 AM

#

#

#

Can I put down 2 lines as my design?

wooden anchor Jun 20, 2024, 11:26 AM

#

So it's working now?

spark trout Jun 20, 2024, 11:29 AM

#

Yes, It worked. Thanks a lot.

#

Can I put down 2 lines as my design?

wooden anchor Jun 20, 2024, 11:39 AM

#

Maybe using layout: https://docs.stripe.com/js/elements_object/create_express_checkout_element#express_checkout_element_create-options-layout

Stripe JS Reference

#

layout: {
  maxColumns: 1
  maxRows: 0
}

spark trout Jun 20, 2024, 11:40 AM

#

this.expressCheckoutElement = this.stripeElements.create('expressCheckout', {
buttonType: {
googlePay: 'buy',
applePay: 'buy',
},
buttonTheme: {
googlePay: 'white'
},
paymentMethods: {
applePay: 'always',
googlePay: 'always'
},
layout: {
maxColumns: 1,
maxRows: 0
}
});

#chau_api