Checkout doesn't work in Android's "Add to homescreen" apps

[Xavi Caballé]

When tapping Checkout's pay button in an Android's "Add to homescreen" app (https://developer.chrome.com/multidevice/android/installtohomescreen), the browser opens and shows...

Sorry, there was a problem loading Checkout. If this persists, please email sup...@stripe.com

Here's a simple page showing the problem...

http://xavi.caballe.pro/stripe.html

If you visit this page with Chrome for Android, select Chrome's "Add to homescreen" menu item, then open it from your home screen. Now if you tap on the "Pay with Card" button you'll see the error.

Will Checkout support Android's "Add to homescreen" apps?

When?

Thanks,

Xavi

[Lachy Groom]

Xavi,

Thanks for this bug report too :-). We should have a fix out on this one too. I'll send another note once it's out.

Lachlan

[Xavi Caballé]

Hi,

Any updates on this issue? I see it still doesn't work.

Thanks,

Xavi

[Ike Nnah]

Xavi,
Was this ever resolved?

Ike

[James Reggio]

Hello Xavi,

Sorry about the massive delay. This should be resolved, but it would help if you could confirm it for us.

Best,

James

[Xavi Caballé]

Hello James,

Last time I checked (a few months ago) it wasn't working, so I ended up implementing a custom form.

--
You received this message because you are subscribed to a topic in the Google Groups "Stripe API Discussion" group.
To post to this group, send email to api-d...@lists.stripe.com.
Visit this group at http://groups.google.com/a/lists.stripe.com/group/api-discuss/.

[Ike Nnah]

This is still not working, the checkout button doesn't work in android.

--
You received this message because you are subscribed to the Google Groups "Stripe API Discussion" group.

To post to this group, send email to api-d...@lists.stripe.com.
Visit this group at http://groups.google.com/a/lists.stripe.com/group/api-discuss/.

To unsubscribe from this group and stop receiving emails from it, send an email to api-discuss...@lists.stripe.com.

[James Reggio]

Sorry to hear that, Ike.

This thread is very old, so it would help us to know the precise configuration where Checkout isn't working.

Specifically:

1. What version of Android?

2. Does it only fail when you 'Add to Homescreen', or does it fail at all times?

3. Which browser are you using (either to click 'Add to Homescreen' or to load Checkout)?

4. Are you using any app containers, like Cordova or PhoneGap?

Thanks,

James

[Ike Nnah]

1. What version of Android?

Version 4.4.2 KitKat

2. Does it only fail when you 'Add to Homescreen', or does it fail at all times?

It fails at all times. Checkout works when testing the app on a desktop browser.
3.Which browser are you using (either to click 'Add to Homescreen' or to load Checkout)?

It's native android browser
4.Are you using any app containers, like Cordova or PhoneGap?

Yes. Phonegap. The same application works in iOS

Thanks for your help with this.

[James Reggio]

Ah, Phonegap. This is completely different from 'Add to Homescreen'.

Phonegap doesn't identify itself clearly (i.e., through the User Agent) on Android, so Checkout has to use a series of imprecise heuristics to detect that it's in Phonegap and choose an appropriate presentation mode. (Specifically, Checkout cannot use the normal mobile presentation, since that requires creating a new window, which isn't supported by Phonegap.)

If you load Checkout from your Phonegap HTML, it should work. However, if your Phonegap app's HTML just contains an iframe to a live website (and you're trying to load Checkout from within that iframe), it's not going to work because the iframe sandbox prevents Checkout from realizing it's in a Phonegap app. Unfortunately, there's little we can do about this scenario, so it's one of the few that we cannot support.

If you're not using an iframe in your Phonegap app, double-check to make sure that you're loading cordova.js before checkout.js—this will help to make sure that Phonegap is detectable by Checkout.

Regards,

James

[Ike Nnah]

I am not using iframe, but I am using phonegap build which might be the cause. I will try to build with cordova.js and see if that makes a difference. I will let you know. Thanks for your help so far.

Ike

[James Reggio]

Absolutely. Let us know how it goes.

[Pablo Carson]

Hi James,

I'm not the author, but I was having this exact problem in Phonegap Build and your last comment about making sure Cordova was loaded before Checkout fixed it for me. This is my first time incorporating payments in any platform and so far you guys have made it relatively easy. Thanks!

[Ike Nnah]

Hey Pablo,

What's your application structure, are you using phone gap build?

On Thu, Mar 12, 2015 at 9:25 PM, Pablo Carson <pca...@gmail.com> wrote:

Hi James,

I'm not the author, but I was having this exact problem in Phonegap Build and your last comment about making sure Cordova was loaded before Checkout fixed it for me. This is my first time incorporating payments in any platform and so far you guys have made it relatively easy. Thanks!

--