jatinpatel0708 | Stripe Developers | Page 1

lusty islandBOT Jun 13, 2023, 5:43 AM

#

turbid bronze Jun 13, 2023, 5:44 AM

#

here is my iframe code,

GivingX.com Custom Fundraising Software

mellow vale Jun 13, 2023, 5:44 AM

#

Did you follow the steps to add domain for Apple Pay integration? Set up Apple Pay for your website step in: https://support.stripe.com/questions/enable-apple-pay-on-your-stripe-account

turbid bronze Jun 13, 2023, 5:45 AM

#

Yes, I am following this steps Apple Pay Button is working on the other page but here in the Iframe Apple Pay button is not showing

mellow vale Jun 13, 2023, 5:48 AM

#

The above code is not Stripe related and I don't really know what it does

#

Can you share what you want to achieve?

turbid bronze Jun 13, 2023, 5:50 AM

#

we want to show Apple Pay Button on my Form

mellow vale Jun 13, 2023, 5:54 AM

#

With Stripe integration, you should use Payment Request Button to show Apple Pay: https://stripe.com/docs/stripe-js/elements/payment-request-button

From the above eample, I don't see it using Payment Request Button

turbid bronze Jun 13, 2023, 5:56 AM

#

        // Check the availability of the Payment Request API first.
        paymentRequest.canMakePayment().then(function (result) {
            console.log(result);
            if (result) {
                prButton.mount('#payment-request-button');
            } else {
                document.getElementById('payment-request-button').style.display = 'none';
            }
        });

here is the payment-request-button code i am using it for the connected account

mellow vale Jun 13, 2023, 6:00 AM

#

Did you implement Payment Request Button in a separate page and add it to the iframe of another page?

turbid bronze Jun 13, 2023, 6:01 AM

#

acct_1MuJnsGdhkL3rLC9

here is my connected account Id

#

I have added it in the Iframe page

mellow vale Jun 13, 2023, 6:03 AM

#

Can you use Payment Request Button directly to the page instead of using iframe?

turbid bronze Jun 13, 2023, 6:04 AM

#

yes have use it without iframe but not working

#

https://www.givingx.com/org/forms/data/embedded/62dbbee30823f6d17c014992?lang=en'

you can check it here without iframe

GivingX.com Custom Fundraising Software

#

Hi there

#

?

mellow vale Jun 13, 2023, 6:29 AM

#

Thanks for waiting! Discord server is busy now

#

Where do I expect to see Apple Pay/Google Pay in the page? I don't see Google Pay either

turbid bronze Jun 13, 2023, 6:45 AM

#

You can see it on the next tab, click on the donate Button

mellow vale Jun 13, 2023, 6:46 AM

#

#

This is what I see

#

Where do I expect Google Pay/Apple Pay to appear?

turbid bronze Jun 13, 2023, 6:52 AM

#

here you can see Google Pay

turbid bronze Jun 13, 2023, 6:54 AM

#

mellow vale

How to remove this Link Option

mellow vale Jun 13, 2023, 7:01 AM

#

You can disable Link option here: https://dashboard.stripe.com/settings/link

#

Can you disable Link and let me know, so that I can refresh your website again

turbid bronze Jun 13, 2023, 7:04 AM

#

done, please check

#

but still Apple Pay button is not showing

#

is that any issue with the iframe When i put this iframe on the other platform the Button is not working

GivingX.com Custom Fundraising Software

mellow vale Jun 13, 2023, 7:08 AM

#

I can see it at my end

turbid bronze Jun 13, 2023, 7:24 AM

#

okay, when I put iframe on the other platform the Apple Pay Button is not showing, here is iframe please check and let me know how can I resolve this

GivingX.com Custom Fundraising Software

mellow vale Jun 13, 2023, 7:28 AM

#

Is it the website that I should access to https://www.givingx.com/org/forms/data/embedded/6487891d9f8926c66c05df80?lang=en? If so, I can see Apple Pay

GivingX.com Custom Fundraising Software

turbid bronze Jun 13, 2023, 7:32 AM

#

Hi River, it's showing on Givingx.com platform but when I put this iframe on the Other platform the Apple Pay button is not working:

i put this iframe on the W3school Platform: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

GivingX.com Custom Fundraising Software

mellow vale Jun 13, 2023, 7:37 AM

#

Does other platform share the same domain? Apple Pay will only work on the domain configured

lusty islandBOT Jun 13, 2023, 8:03 AM

#

turbid bronze Jun 13, 2023, 8:13 AM

#

the other platform is https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe

and the Apple Pay integration here on GivingX.com here is Iframe i am putting this iframe on the W3school platform

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser

GivingX.com Custom Fundraising Software

barren nymph Jun 13, 2023, 8:14 AM

#

Apple Pay doesn't work in iframes no

#

read https://stripe.com/docs/stripe-js/elements/payment-request-button?client=html

When using an iframe, its origin must match the top-level origin. Two pages have the same origin if the protocol, host (full domain name), and port (if specified) are the same for both pages.
and
If you use the paymentRequestButton Element within an iframe, the iframe must have the allow attribute set to equal “payment *”.

#

so unless your page that is showing the iframe is on the same domain name (e.g. www.example.com) as the page where you host the payment page, it simply won't work

turbid bronze Jun 13, 2023, 8:33 AM

#

i have set “payment *” in the iframe but it not working

#

we want to used Apple Pay button on the iframe, could you please help us to how it work

barren nymph Jun 13, 2023, 8:34 AM

#

did you read and understand what I shared above about the domain needing to match?

lusty islandBOT Jun 13, 2023, 9:11 AM

#

turbid bronze Jun 13, 2023, 9:14 AM

#

yes, but i don't no how to match this in the iframe, could you please suggest me

near meteor Jun 13, 2023, 9:17 AM

#

Hi! I'm taking over this thread.

turbid bronze Jun 13, 2023, 9:18 AM

#

Hi Soma, please help me to fix this

near meteor Jun 13, 2023, 9:19 AM

#

If you have to use an iframe, then the website and the iframe mush have the same top-level domain. So if you website's domain is foobar.com, then the iframe must be also on foobar.com

turbid bronze Jun 13, 2023, 9:22 AM

#

the main issue is the website domain and iframe domain are diffrent,
Iframe domain is "https://givingx.com" and The hosted iframe domain is ex.https://w3school.com

near meteor Jun 13, 2023, 9:22 AM

#

yes, that's why it doesn't work.

turbid bronze Jun 13, 2023, 9:27 AM

#

is there any other option to work it

near meteor Jun 13, 2023, 9:31 AM

#

No, sorry.

turbid bronze Jun 13, 2023, 9:41 AM

#

okay

turbid bronze Jun 13, 2023, 9:59 AM

#

We've detected that you are not using Automatic Payment Methods. To manage payment methods from this page get the latest version of Checkout, Payment Element or Payment Links.

why this warning showing in my stripe account

near meteor Jun 13, 2023, 10:01 AM

#

Are you using Automatic Payment Methods?

turbid bronze Jun 13, 2023, 10:11 AM

#

Yes, when creating payment intent for Google Pay I set the "'automatic_payment_methods' => ['enabled' => true],"

near meteor Jun 13, 2023, 10:12 AM

#

And is that the only way you create payments with Stripe?

turbid bronze Jun 13, 2023, 10:14 AM

#

No, i am also using custom card payment,

#

when i am creating a card payment I am not using this 'automatic_payment_methods' => ['enabled' => true],"

#

it means when we create payment intent we need to add "'automatic_payment_methods' => ['enabled' => true],"
is right?

near meteor Jun 13, 2023, 10:20 AM

#

No, i am also using custom card payment, when i am creating a card payment I am not using this 'automatic_payment_methods' => ['enabled' => true],"
Then that explains why you see the warning in the Stripe dashboard

#

it means when we create payment intent we need to add "'automatic_payment_methods' => ['enabled' => true]," is right?
That's completely up to you. If you only accept card payments, then no need to do this.

turbid bronze Jun 13, 2023, 10:22 AM

#

for the ACH payment?

near meteor Jun 13, 2023, 10:23 AM

#

What do you mean?

turbid bronze Jun 13, 2023, 10:26 AM

#

for the ACH payment w have to use 'automatic_payment_methods' => ['enabled' => true]," and how can we resolve this :

We've detected that you are not using Automatic Payment Methods. To manage payment methods from this page get the latest version of Checkout, Payment Element or Payment Links.

near meteor Jun 13, 2023, 10:29 AM

#

You don't have to "resolve it". It's just Stripe telling you that you are not using 'automatic_payment_methods' => ['enabled' => true]," all the time, which is fine.

turbid bronze Jun 13, 2023, 10:31 AM

#

Okay, Thanks

near meteor Jun 13, 2023, 10:32 AM

#

Happy to help 🙂

lusty islandBOT Jun 13, 2023, 10:32 AM

#

turbid bronze Jun 13, 2023, 10:33 AM

#

if I add 'automatic_payment_methods' => ['enabled' => true]," in all the Payment Intent create then is that any issue

near meteor Jun 13, 2023, 10:34 AM

#

Again, you don't have to do this. But yes I think it should work. I would recommend doing some tests i test mode just to be sure.

normal pine Jun 13, 2023, 10:37 AM

#

👋 taking over for my colleague. Let me know if there's any follow-up Qs I can answer!

#jatinpatel0708