Live data from Hacker News

Stripe Elements: Pre-built UI components to help you create checkout flows

stripe.com

71–80 of 124 posts

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#71

Earlier quoted context omitted.

It's all CSS animations!

I am very curious to how exactly they made these animations! Surely they didn't hand type all of the transforms. I see a lot more of similar animations appearing on the internet. Are there tools that people use to help with the animations?

I’ve used BounceJS in the past: http://bouncejs.com

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#72

Slightly OT : With Stripe elements, we noticed an error in about 5% of the requests, something like "Stripe is not defined". Some of these errors were traced to older browsers with JS issues that couldn't execute " https://js.stripe.com/v3/" . But some remain unexplained. Unfortunately, it's hard to debug a client side error unless a client reports it. Just thinking out load about possible issues that could cause thi…

It could be because tracker-blocking plugins (I use Ghostery) have started blocking Stripe.js. This is because they are now recommending to include it on every page of your site for fraud protection, which is a use case of user tracking: https://stripe.com/docs/stripe.js#including-stripejs .

Thanks for the tip. It seems that ghostery's issue was fixed in August [1]. The latest version of ghostery does not block Stripe elements. Preventing an extension update isn't straight forward so we are left wondering if there's some other extension that's blocking Stripe.

https://twitter.com/stripe/status/899812679447187456

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#73
post #68

They automagically figure out what country the card is from so they can set the numeric/alphanumeric postal code. Can I get that BIN list from somewhere so I can use this even if I'm not submitting to stripe?

That either takes a lot of time (and volume) to gather on card usage because it's not available as a list from Visa and co, or you require certain processing rights to access and can't share it due to confidentiality.

I forget the details, but I'm pretty sure it's the former, so it's not exactly easy -- which is yet another testament to how much work goes on behind such a seemingly simple new product.

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#74
post #68

They automagically figure out what country the card is from so they can set the numeric/alphanumeric postal code. Can I get that BIN list from somewhere so I can use this even if I'm not submitting to stripe?

That either takes a lot of time (and volume) to gather on card usage because it's not available as a list from Visa and co, or you require certain processing rights to access and can't share it due to confidentiality. I forget the details, but I'm pretty sure it's the former, so it's not exactly easy -- which is yet another testament to how much work goes on behind such a seemingly simple new product.

That's speaking from experience though, I didn't mean to be dismissive of the request of the OP. If there happens to a group who collects this and is able to share this through legal loopholes, power be to them!

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#75

Earlier quoted context omitted.

It could be because tracker-blocking plugins (I use Ghostery) have started blocking Stripe.js. This is because they are now recommending to include it on every page of your site for fraud protection, which is a use case of user tracking: https://stripe.com/docs/stripe.js#including-stripejs .

Thanks for the tip. It seems that ghostery's issue was fixed in August [1]. The latest version of ghostery does not block Stripe elements. Preventing an extension update isn't straight forward so we are left wondering if there's some other extension that's blocking Stripe. https://twitter.com/stripe/status/899812679447187456

True, didn’t realize they had pulled the block. Would be interesting to know how the decision was made with respect to user privacy (vs. breaking sites). I don’t know which other extensions may block Stripe.js unfortunately!

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#76

Earlier quoted context omitted.

Off topic: Is there a chrome extension that will strip these query parameters off automatically when a user clicks on links? I found https://chrome.google.com/webstore/detail/url-tracking-strip... but wasn't sure if someone might have found a superior extension.

I prefer "Ghostery" which is more efficient in "Tracking" overall. try it out.

Aren't ghostery the ones who sell your personal info and allow advertisers to pay them to get on a whitelist? UBlock Origin is my recommendation.

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#77
post #68

They automagically figure out what country the card is from so they can set the numeric/alphanumeric postal code. Can I get that BIN list from somewhere so I can use this even if I'm not submitting to stripe?

There's BIN list.

https://binlist.net

https://github.com/binlist/data

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#78
post #46

Here's the same URL but without all the utm_* tracking garbage: https://stripe.com/elements

Can someone explain how that utm_* stuff got there if the original poster didn't include it? And if he did, where did he get this URL from?

utm_source is set to 'HN', so the original poster did include it, or it would say something else.

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#79

Slightly OT : With Stripe elements, we noticed an error in about 5% of the requests, something like "Stripe is not defined". Some of these errors were traced to older browsers with JS issues that couldn't execute " https://js.stripe.com/v3/" . But some remain unexplained. Unfortunately, it's hard to debug a client side error unless a client reports it. Just thinking out load about possible issues that could cause thi…

We used to experience this exactly with stripe.js V2, our conclusion was it was some sort of connection issue and using this code to include stripe.js on both the checkout page but also our basket helped to ensure it has been loaded by the browser before it was needed. It massively reduced the instances of the error.

  
  window.Stripe || document.write('')
  window.Stripe || document.write('')

Re: Stripe Elements: Pre-built UI components to help you create checkout flows

#80
So, is there a way to use this without the iframe (by going to stripe.com and then back)?

As a customer, when ordering something from a shop I prefer to send my CC details to stripe.com instead of the vendor. With an iframe i usually cannot tell that this is the case.

Post reply on HN