Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014
-
Upload
codemotion -
Category
Technology
-
view
129 -
download
0
Transcript of Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014
![Page 1: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/1.jpg)
v.zeroA modern foundation for accepting Payments
Alberto López <Developer Advocate/> Braintree_Dev.
Milan
![Page 3: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/3.jpg)
v.zeroA modern foundation for accepting Payments
Alberto López <Developer Advocate/> Braintree_Dev.
Milan
![Page 4: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/4.jpg)
#Codemotion @Braintree_Dev @AlbertusLM
eCommerce in Italy
![Page 5: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/5.jpg)
please, not a business presentation
#Codemotion @Braintree_Dev @AlbertusLM
![Page 6: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/6.jpg)
Drop-in UI
> Mobile, born and raise
#Codemotion @AlbertusLM@Braintree_Dev
![Page 7: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/7.jpg)
#Codemotion @AlbertusLM@Braintree_Dev
![Page 8: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/8.jpg)
please, not a product presentation
@AlbertusLM@Braintree_Dev#Codemotion
![Page 9: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/9.jpg)
v.zeroA modern foundation for accepting Payments
Alberto López <Developer Advocate/> Braintree_Dev.
Milan
![Page 10: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/10.jpg)
v.zeroA modern foundation for accepting Payments
Alberto López <Developer Advocate/> Braintree_Dev.
Milan
Things I think that are important during the checkout
![Page 11: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/11.jpg)
@AlbertusLM
This presentation is not a
catalogue of advices
https://flic.kr/p/4Z39YK
@Braintree_Dev#Codemotion
![Page 12: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/12.jpg)
Things I thi
nk that are
important du
ring the che
ckout
#Codemotion @Braintree_Dev @AlbertusLM
![Page 13: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/13.jpg)
as costumer
![Page 14: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/14.jpg)
#Codemotion @Braintree_Dev @AlbertusLM
https://flic.kr/p/9S8gfK
mobile design
![Page 16: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/16.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
mobile website native app web responsivevs vs
![Page 17: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/17.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
autodetect credit card type
![Page 18: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/18.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 19: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/19.jpg)
*It’s on Wikipedia#Codemotion @AlbertusLM@Braintree_Dev
![Page 20: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/20.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 21: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/21.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 22: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/22.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 23: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/23.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
CVV,CVC,CID…
![Page 24: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/24.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 25: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/25.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 26: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/26.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 27: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/27.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 28: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/28.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 29: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/29.jpg)
inline validation of credit card
@AlbertusLM@Braintree_Dev#Codemotion
![Page 30: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/30.jpg)
http://goo.gl/YR7pRa
#Codemotion @Braintree_Dev @AlbertusLM
![Page 31: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/31.jpg)
Luhn Algorithm
@AlbertusLM@Braintree_Dev#Codemotion
![Page 32: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/32.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 33: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/33.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 34: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/34.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 35: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/35.jpg)
correct fields for expire date
https://flic.kr/p/efSMKw
@AlbertusLM@Braintree_Dev#Codemotion
![Page 36: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/36.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 37: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/37.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 38: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/38.jpg)
@AlbertusLM
keep labels visible at all times
@Braintree_Dev#Codemotion
![Page 39: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/39.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 40: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/40.jpg)
http://mrg.bz/ft5PmH
limiting the number of digits
@AlbertusLM@Braintree_Dev#Codemotion
![Page 41: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/41.jpg)
Card Number of Digits
AMEX 15
Visa 13 or 16
MasterCard 16
Discover 16
@AlbertusLM@Braintree_Dev#Codemotion
![Page 42: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/42.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 43: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/43.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 44: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/44.jpg)
https://flic.kr/p/5ZXNah
as developer
![Page 45: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/45.jpg)
simple integration
@Braintree_dev @AlbertusLM
https://flic.kr/p/qvrSE
#Codemotion
![Page 46: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/46.jpg)
developing forms
@Braintree_dev @AlbertusLM#Codemotion
![Page 47: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/47.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 48: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/48.jpg)
http://mrg.bz/ft5PmH
native checkout experience
@AlbertusLM@Braintree_Dev#Codemotion
![Page 49: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/49.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 50: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/50.jpg)
Client Side
@AlbertusLM
v.zero
@Braintree_Dev#Codemotion
![Page 51: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/51.jpg)
Server Side
@AlbertusLM
v.zero
@Braintree_Dev#Codemotion
![Page 52: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/52.jpg)
native
![Page 53: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/53.jpg)
http://mrg.bz/ft5PmH
security
@AlbertusLM@Braintree_Dev#Codemotion
![Page 54: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/54.jpg)
client_token
payment_nonce
v.zero
![Page 55: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/55.jpg)
secure
![Page 56: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/56.jpg)
http://mrg.bz/ft5PmH
additional payment methods
#Codemotion @AlbertusLM@Braintree_Dev
![Page 57: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/57.jpg)
@Braintree_Dev @AlbertusLM
Braintree Account
#Codemotion
![Page 58: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/58.jpg)
https://flic.kr/p/5ZXNah
as innovation lover
![Page 59: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/59.jpg)
fast login
@AlbertusLM
http://gph.is/1eJNpL0
@Braintree_Dev#Codemotion
![Page 60: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/60.jpg)
++
One click payment
=
One Touch™
#Codemotion @AlbertusLM@Braintree_Dev
![Page 61: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/61.jpg)
future payments
@AlbertusLM
https://flic.kr/p/hoAtp
@Braintree_Dev#Codemotion
![Page 62: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/62.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
![Page 63: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/63.jpg)
![Page 64: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/64.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
+ v.zero
![Page 65: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/65.jpg)
¿ ?
@AlbertusLM@Braintree_Dev#Codemotion
![Page 66: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/66.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
+ v.zero
![Page 67: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/67.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
I <3 v.zero
![Page 68: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/68.jpg)
@AlbertusLM@Braintree_Dev#Codemotion
u <3 v.zero?
![Page 69: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/69.jpg)
Braintree: braintreepayments.com
Get Started with Braintree developers.braintreepayments.com/javascript+python
Braintree v.zero: braintreepayments.com/v.zero
Sandbox environment: sandbox.braintreegateway.com
@AlbertusLM@Braintree_Dev#Codemotion
![Page 70: Braintree v.zero: a modern foundation for accepting payments - Alberto Lopez - Codemotion Milan 2014](https://reader033.fdocuments.net/reader033/viewer/2022052909/5598cbfd1a28ab791a8b4606/html5/thumbnails/70.jpg)
¿Questions?
Source photo