Slide 1

Slide 1 text

Don’t Leave Cash in the Cart… Build a Payment Experience that Converts Shane Logsdon Software Developer July 31, 2016

Slide 2

Slide 2 text

About Me ©2015 Heartland Payment Systems, Inc. 2 Software Developer at Heartland https://www.linkedin.com/in/shanelogsdon https://developer.heartlandpaymentsystems.com Email: [email protected]

Slide 3

Slide 3 text

About Heartland ©2016 Heartland Payment Systems, Inc. 3

Slide 4

Slide 4 text

Today’s Agenda § Establishing Goals § Assess What Exists § Iterate Often § Putting it all together ©2016 Heartland Payment Systems, Inc. 4

Slide 5

Slide 5 text

Establishing Goals

Slide 6

Slide 6 text

Goals to Target Each Iteration Keep These Goals in Mind With Each Change: § Converts more shoppers into buyers § Reduces friction & creates speedier checkout § Increases payment security while reducing PCI-DSS scope § Keeps the experience beautiful & intuitive § Encourages repeat purchases § Reduces cart abandonment ©2016 Heartland Payment Systems, Inc. 6

Slide 7

Slide 7 text

Assess What Exists

Slide 8

Slide 8 text

Classic Payment Form ©2016 Heartland Payment Systems, Inc. 8 § Card Type can be detected § Don’t bother with card name § No description of CVV § Why is the expiration wrapped? § Why is 2010 the default? § No card logos / trust logos § No required field indicators Classic Form Issues

Slide 9

Slide 9 text

Payment Form Iteration 1 (Visual) ©2016 Heartland Payment Systems, Inc. 9 § Added card logos § Removed “Card Type” § Removed “Name on Card” § Corrected Expiration Year

Slide 10

Slide 10 text

Payment Form Iteration 2 (Not Visual) ©2016 Heartland Payment Systems, Inc. 10 § Added single-use tokenization § Added Advanced Fraud services § Changed field names to standard § Changed field types for mobile

Slide 11

Slide 11 text

Benefits of field names & types ©2016 Heartland Payment Systems, Inc. 11

Slide 12

Slide 12 text

Payment Form Iteration 3 (Visual) ©2016 Heartland Payment Systems, Inc. 12 § Styled fields & added placeholder / required ind. § Added Trust Shield § Added card type detection § Added CVV display (changes on type detection)

Slide 13

Slide 13 text

Payment Form Iteration 4 (Visual) ©2016 Heartland Payment Systems, Inc. 13 § Added card saving option for logged in users § Added manage card functionality § Added easy card selection for logged in users

Slide 14

Slide 14 text

Payment Form Iteration 5 (Visual) ©2016 Heartland Payment Systems, Inc. 14 § Added PayPal as method of payment § Added MasterPass as a method of payment

Slide 15

Slide 15 text

Putting It All Together

Slide 16

Slide 16 text

Not All Checkout Forms Are Created Equal § Assess your current situation § Iterate and solicit feedback often § Measure success with each iteration § Not all payment experiences are equal § Use an auto-updating plugin ©2016 Heartland Payment Systems, Inc. 16

Slide 17

Slide 17 text

Additional Best Practices § Make Checkout as Guest your default § Remove the coupon option if you don’t have active coupons § Add trust badges / logos § Make sure your site is mobile friendly § Make your customer service contact simple § Show Reviews & Testimonials ©2016 Heartland Payment Systems, Inc. 17

Slide 18

Slide 18 text

Shane Logsdon Software Developer July 31, 2016