braintree v.zero: a modern foundation for accepting payments - alberto lopez - codemotion milan 2014

v.zeroA modern foundation for accepting Payments

Alberto López <Developer Advocate/> Braintree_Dev.

Milan

ciao!

source

http://www.vantagemag.com/wp-content/uploads/8679/90A4AAAF0FAF379527CA4A91C62313FF.jpg



Milan

#Codemotion @Braintree_Dev @AlbertusLM

eCommerce in Italy

please, not a business presentation


Drop-in UI

> Mobile, born and raise

#Codemotion @AlbertusLM@Braintree_Dev

please, not a product presentation

@AlbertusLM@Braintree_Dev#Codemotion



Milan



Milan

Things I think that are important during the checkout

@AlbertusLM

This presentation is not a

catalogue of advices

https://flic.kr/p/4Z39YK

@Braintree_Dev#Codemotion

Things I thi

nk that are

important du

ring the che

ckout


as costumer


https://flic.kr/p/9S8gfK

mobile design

http://goo.gl/YdlR7


http://goo.gl/YdlR7


mobile website native app web responsivevs vs


autodetect credit card type

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


CVV,CVC,CID…

inline validation of credit card


http://goo.gl/YR7pRa


Luhn Algorithm


correct fields for expire date

https://flic.kr/p/efSMKw


@AlbertusLM

keep labels visible at all times


http://mrg.bz/ft5PmH

limiting the number of digits


Card Number of Digits

AMEX 15

Visa 13 or 16

MasterCard 16

Discover 16


https://flic.kr/p/5ZXNah

as developer

simple integration

@Braintree_dev @AlbertusLM

https://flic.kr/p/qvrSE

#Codemotion

developing forms

@Braintree_dev @AlbertusLM#Codemotion


native checkout experience


Client Side

@AlbertusLM

v.zero


Server Side

@AlbertusLM

v.zero


native


security


client_token

payment_nonce

v.zero

secure


additional payment methods


@Braintree_Dev @AlbertusLM

Braintree Account

#Codemotion

https://flic.kr/p/5ZXNah

as innovation lover

fast login

@AlbertusLM

http://gph.is/1eJNpL0


++

One click payment

=

One Touch™


future payments

@AlbertusLM

https://flic.kr/p/hoAtp



+ v.zero

¿ ?



+ v.zero


I <3 v.zero


u <3 v.zero?

Braintree: braintreepayments.com

Get Started with Braintree developers.braintreepayments.com/javascript+python

Braintree v.zero: braintreepayments.com/v.zero

Sandbox environment: sandbox.braintreegateway.com


¿Questions?

Source photo

http://4.bp.blogspot.com/-zO6UL9o3v2U/TxYUGSkeRJI/AAAAAAAAINk/PmvuzM2LD_g/s1600/chuck+norris.jpg

Alberto López [email protected]

@AlbertusLM / @Braintree_Dev

mailto:[email protected]

braintree v.zero: a modern foundation for accepting payments - alberto lopez - codemotion milan 2014

Technology