Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Don't Leave Cash in the Cart: Build a Payment Experience that Converts

Don't Leave Cash in the Cart: Build a Payment Experience that Converts

Presented this iteration of this Heartland eCommerce presentation at the Internet Merchants Association's sessions during ASD Market Week, July 31, 2016.

Converting shoppers into buyers is a crucial step for any eCommerce merchant. A payment form's capabilities, technology, and user experience all play a part in making the process of checking out as easy and streamlined as possible for customers. Walk through my team's findings as we build a better payment experience for our merchants and their customers.


Shane Logsdon

July 31, 2016


  1. Don’t Leave Cash in the Cart… Build a Payment Experience

    that Converts Shane Logsdon Software Developer July 31, 2016
  2. About Me ©2015 Heartland Payment Systems, Inc. 2 Software Developer

    at Heartland https://www.linkedin.com/in/shanelogsdon https://developer.heartlandpaymentsystems.com Email: shane.logsdon@e-hps.com
  3. About Heartland ©2016 Heartland Payment Systems, Inc. 3

  4. Today’s Agenda § Establishing Goals § Assess What Exists §

    Iterate Often § Putting it all together ©2016 Heartland Payment Systems, Inc. 4
  5. Establishing Goals

  6. 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
  7. Assess What Exists

  8. 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
  9. Payment Form Iteration 1 (Visual) ©2016 Heartland Payment Systems, Inc.

    9 § Added card logos § Removed “Card Type” § Removed “Name on Card” § Corrected Expiration Year
  10. 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
  11. Benefits of field names & types ©2016 Heartland Payment Systems,

    Inc. 11
  12. 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)
  13. 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
  14. Payment Form Iteration 5 (Visual) ©2016 Heartland Payment Systems, Inc.

    14 § Added PayPal as method of payment § Added MasterPass as a method of payment
  15. Putting It All Together

  16. 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
  17. 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
  18. Shane Logsdon Software Developer July 31, 2016