Presentation used for Codemotion Milan 2014, explaining the new Braintree SDK v.zero, using examples about bad experiences during the payment and making a comparative with the new SDK.

1. Milan
v.zero
A modern foundation for accepting Payments
Alberto López
<Developer Advocate/>
Braintree_Dev.

2. ciao!
source

3. Milan
v.zero
A modern foundation for accepting Payments
Alberto López
<Developer Advocate/>
Braintree_Dev.

4. eCommerce in Italy
#Codemotion @Braintree_Dev @AlbertusLM

5. please, not a business presentation
#Codemotion @Braintree_Dev @AlbertusLM

6. Drop-in UI
> Mobile, born and raise
#Codemotion @Braintree_Dev @AlbertusLM

7. #Codemotion @Braintree_Dev @AlbertusLM

8. please, not a product presentation
#Codemotion @Braintree_Dev @AlbertusLM

9. Milan
v.zero
A modern foundation for accepting Payments
Alberto López
<Developer Advocate/>
Braintree_Dev.

10. Milan
v.zero
A modern foundation for accepting Payments
Things I think that are important during the checkout
Alberto López
<Developer Advocate/>
Braintree_Dev.

11. @AlbertusLM
https://flic.kr/p/4Z39YK
This presentation
is not a
catalogue of advices
#Codemotion @Braintree_Dev

12. Things I think that are
important during the checkout
#Codemotion @Braintree_Dev @AlbertusLM

13. as costumer

14. https://flic.kr/p/9S8gfK
mobile design
#Codemotion @Braintree_Dev @AlbertusLM

15. http://goo.gl/YdlR7
#Codemotion @Braintree_Dev @AlbertusLM

16. mobile website vs native app vs web responsive
#Codemotion @Braintree_Dev @AlbertusLM

17. autodetect credit card type
#Codemotion @Braintree_Dev @AlbertusLM

18. #Codemotion @Braintree_Dev @AlbertusLM

19. *It’s on Wikipedia
#Codemotion @Braintree_Dev @AlbertusLM

20. #Codemotion @Braintree_Dev @AlbertusLM

21. #Codemotion @Braintree_Dev @AlbertusLM

22. #Codemotion @Braintree_Dev @AlbertusLM

23. CVV,CVC,CID…
#Codemotion @Braintree_Dev @AlbertusLM

24. #Codemotion @Braintree_Dev @AlbertusLM

25. #Codemotion @Braintree_Dev @AlbertusLM

26. #Codemotion @Braintree_Dev @AlbertusLM

27. #Codemotion @Braintree_Dev @AlbertusLM

28. #Codemotion @Braintree_Dev @AlbertusLM

29. inline validation
of credit card
#Codemotion @Braintree_Dev @AlbertusLM

30. http://goo.gl/YR7pRa
#Codemotion @Braintree_Dev @AlbertusLM

31. Luhn Algorithm
#Codemotion @Braintree_Dev @AlbertusLM

32. #Codemotion @Braintree_Dev @AlbertusLM

33. #Codemotion @Braintree_Dev @AlbertusLM

34. #Codemotion @Braintree_Dev @AlbertusLM

35. https://flic.kr/p/efSMKw
correct fields for
expire date
#Codemotion @Braintree_Dev @AlbertusLM

36. #Codemotion @Braintree_Dev @AlbertusLM

37. #Codemotion @Braintree_Dev @AlbertusLM

38. keep labels visible
at all times
@AlbertusLM
#Codemotion @Braintree_Dev

39. #Codemotion @Braintree_Dev @AlbertusLM

40. http://mrg.bz/ft5PmH
limiting the
number of digits
#Codemotion @Braintree_Dev @AlbertusLM

41. Card Number of Digits
AMEX 15
Visa 13 or 16
MasterCard 16
Discover 16
#Codemotion @Braintree_Dev @AlbertusLM

42. #Codemotion @Braintree_Dev @AlbertusLM

43. #Codemotion @Braintree_Dev @AlbertusLM

44. https://flic.kr/p/5ZXNah
as developer

45. https://flic.kr/p/qvrSE
simple integration
@Braintree_dev @AlbertusLM
#Codemotion

46. developing forms
#Codemotion @Braintree_dev @AlbertusLM

47. #Codemotion @Braintree_Dev @AlbertusLM

48. http://mrg.bz/ft5PmH
native checkout experience
#Codemotion @Braintree_Dev @AlbertusLM

49. #Codemotion @Braintree_Dev @AlbertusLM

50. Client Side
@AlbertusLM
v.zero
#Codemotion @Braintree_Dev

51. Server Side
@AlbertusLM
v.zero
#Codemotion @Braintree_Dev

52. native

53. http://mrg.bz/ft5PmH
security
#Codemotion @Braintree_Dev @AlbertusLM

54. v.zero
client_token
payment_nonce

55. secure

56. http://mrg.bz/ft5PmH
additional payment methods
#Codemotion @Braintree_Dev @AlbertusLM

57. Braintree Account
@Braintree_Dev @AlbertusLM
#Codemotion

58. https://flic.kr/p/5ZXNah
as innovation lover

59. http://gph.is/1eJNpL0
fast login
@AlbertusLM
#Codemotion @Braintree_Dev

60. = One Touch™
++
One click
payment
#Codemotion @Braintree_Dev @AlbertusLM

61. https://flic.kr/p/hoAtp
future payments
@AlbertusLM
#Codemotion @Braintree_Dev

62. #Codemotion @Braintree_Dev @AlbertusLM

64. + v.zero
#Codemotion @Braintree_Dev @AlbertusLM

65. ¿ ?
#Codemotion @Braintree_Dev @AlbertusLM

66. + v.zero
#Codemotion @Braintree_Dev @AlbertusLM

67. I <3 v.zero
#Codemotion @Braintree_Dev @AlbertusLM

68. u <3 v.zero?
#Codemotion @Braintree_Dev @AlbertusLM

69. Braintree:
braintreepayments.com
Get Started with Braintree
developers.braintreepayments.com/javascript+python
Braintree v.zero:
braintreepayments.com/v.zero
Sandbox environment:
sandbox.braintreegateway.com
#Codemotion @Braintree_Dev @AlbertusLM

70. ¿Questions?
Source
photo

71. Alberto López
alberto.lopez@getbraintree.com
@AlbertusLM / @Braintree_Dev