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

v.zeroA modern foundation for accepting Payments

Alberto López <Developer Advocate/> Braintree_Dev.

Milan

#Codemotion @Braintree_Dev @AlbertusLM

eCommerce in Italy

please, not a business presentation

#Codemotion @Braintree_Dev @AlbertusLM

Drop-in UI

> Mobile, born and raise

#Codemotion @AlbertusLM@Braintree_Dev

#Codemotion @AlbertusLM@Braintree_Dev

please, not a product presentation

@AlbertusLM@Braintree_Dev#Codemotion

v.zeroA modern foundation for accepting Payments

Alberto López <Developer Advocate/> Braintree_Dev.

Milan

v.zeroA modern foundation for accepting Payments

Alberto López <Developer Advocate/> Braintree_Dev.

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

#Codemotion @Braintree_Dev @AlbertusLM

as costumer

#Codemotion @Braintree_Dev @AlbertusLM

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

mobile design

http://goo.gl/YdlR7

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

mobile website native app web responsivevs vs

@AlbertusLM@Braintree_Dev#Codemotion

autodetect credit card type

@AlbertusLM@Braintree_Dev#Codemotion

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

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

CVV,CVC,CID…

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

inline validation of credit card

@AlbertusLM@Braintree_Dev#Codemotion

http://goo.gl/YR7pRa

#Codemotion @Braintree_Dev @AlbertusLM

Luhn Algorithm

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

correct fields for expire date

https://flic.kr/p/efSMKw

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM

keep labels visible at all times

@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

http://mrg.bz/ft5PmH

limiting the number of digits

@AlbertusLM@Braintree_Dev#Codemotion

Card Number of Digits

AMEX 15

Visa 13 or 16

MasterCard 16

Discover 16

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

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

as developer

simple integration

@Braintree_dev @AlbertusLM

https://flic.kr/p/qvrSE

#Codemotion

developing forms

@Braintree_dev @AlbertusLM#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

http://mrg.bz/ft5PmH

native checkout experience

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

Client Side

@AlbertusLM

v.zero

@Braintree_Dev#Codemotion

Server Side

@AlbertusLM

v.zero

@Braintree_Dev#Codemotion

native

http://mrg.bz/ft5PmH

security

@AlbertusLM@Braintree_Dev#Codemotion

client_token

payment_nonce

v.zero

secure

http://mrg.bz/ft5PmH

additional payment methods

#Codemotion @AlbertusLM@Braintree_Dev

@Braintree_Dev @AlbertusLM

Braintree Account

#Codemotion

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

as innovation lover

fast login

@AlbertusLM

http://gph.is/1eJNpL0

@Braintree_Dev#Codemotion

++

One click payment

=

One Touch™

#Codemotion @AlbertusLM@Braintree_Dev

future payments

@AlbertusLM

https://flic.kr/p/hoAtp

@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

+ v.zero

¿ ?

@AlbertusLM@Braintree_Dev#Codemotion

@AlbertusLM@Braintree_Dev#Codemotion

+ v.zero

@AlbertusLM@Braintree_Dev#Codemotion

I <3 v.zero

@AlbertusLM@Braintree_Dev#Codemotion

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

@AlbertusLM@Braintree_Dev#Codemotion

¿Questions?

Source  photo

Alberto López alberto.lopez@getbraintree.com

@AlbertusLM / @Braintree_Dev