Checking Out with the Payment Request API: A Practical Introduction to the HTML5 Payment Request API using Real-world Examples

Description

Quickly create consistent checkouts for use within websites, using the power of the HTML5 Payment Request API. This project-oriented book simplifies the process of creating and manipulating checkouts with the Payment Request API in browsers for websites or online applications, using little more than a text editor or free software. One of the key concerns of any e-commerce company is ensuring customers complete the checkout process successfully, and for them to return. Unfortunately, many checkouts still suffer from a high level of drop-out. The Payment Request API is an open standard being developed by browser vendors to simplify payments for users with a quick and seamless autofill process enabling a broader set of online payment providers to participate in the market. The API is designed to be easy to implement across all supported browsers, and work with any payment type or service provider. Checking Out with the Payment Request API equips you with a tool set that you can use to develop future projects, incorporate into your existing workflow and allow you to reduce any dependency on complex, custom-made checkouts that might be prone to failure, or unwieldy to use. You'll learn how to use the Payment Request API to create consistent checkouts quickly and easily, and work through practical example projects that will help familiarize you with using the API. We live in an age where speed and accuracy are of the essence – add effortless flow to your payments using this book today. What You'll Learn Implement the Payment Request API in a projectExplore some of the options for personalizing it for a projectGain an appreciation of pointers around user experience and how this affects the APIUnderstand how to manage issues and security when using the Payment Request APIWork through some example projects, from standalone demos to implementing in frameworks Who This Book Is For Website developers familiar with creating shopping carts and looking to leverage the HTML5 Payment Request API. Also ideal for those in agile development teams who want to focus on simplifying content in modern browsers using their existing tools Table of Contents About the Author About the Technical Reviewer Acknowledgments Introduction Chapter 1: Introducing the API Exploring the Benefits of Using the API Breaking Some Common Misconceptions Understanding Terminology Around the API Considering the UX Experience Exploring Checkout Flows Sketching a User Flow Using Sketch Customizing the UX Some General UX Advice Button Design Shipping Navigation Fallback Options Miscellaneous Giving Feedback Throughout the Journey Addressing Security Concerns Summary Chapter 2: Setting Up a Basic Checkout Some Basic Housekeeping Setting Up a Suitable Web Server Checking Browser Support for the API Enabling Browsers to Use the API Creating a Simple Example for Desktop Browsers Exploring What Happened Managing Errors in the Checkout Understanding the Changes to Our Demo Adapting for Use on Mobile Devices Exploring How the API Works in Detail Payment Methods Payment Details Payment Options Wrapping it All Together Summary Chapter 3: Configuring and Customizing Our Checkout Setting Up a Payment Method Taking the Next Step Understanding How it Works Customizing the API Flow Configuring Our Checkout Form Setting a Display Icon Handling Different Currencies Exploring Our Code in More Detail How Can We Handle Multiple Items Better? Exploring What this Means for Our Form Accepting Gift Cards and Discounts Exploring Our Code in Detail Configuring Our Payment Process Asking for Details from Customers Adding Iframe Support Handling Changes Handling Extra Information Exploring the Code in Detail Summary Chapter 4: Shipping Getting Started with Shipping Obtaining the Shipping Address and Method Exploring How this Works in Detail Making Use of Details in Payment Request API Expanding Our Shipping Options Exploring the Changes Made Dealing with Changes to Shipping Breaking Apart Our Code Implementing Delivery Restrictions Breaking Apart the Code Dealing with Errors Customer-Generated Errors Errors Generated During Development Summary Chapter 5: Integrating with a Payment Handler Exploring the Options API Type Link Type Tokenization Type Integrating with the Payment Request API Choosing between a PSP or Traditional Provider Implementing a Provider Dissecting the Code Understanding the Types of Payment Identifiers Implementing Stripe Breaking Apart the Code Making it More Local Dealing with Extra Charges Breaking Apart the Code in Detail Dealing with No Payment Apps Understanding What Happened Checking for No Apps: An Epilogue Taking Care of Pending Transactions Summary Chapter 6: Pulling It All Together Outlining the Project Building the Product Gallery Dissecting the Code thus Far Making Our Gallery Work Setting Up the Basic Basket Breaking Apart the Code Taking Care of Shipping (Plus Restrictions) Exploring the Code in More Detail Handling Payments Integrating a Payment Method Exploring the Code in More Detail Displaying Discounts Applying Charges When Necessary Exploring the Code in More Detail Applying Charges: A Postscript Adding Error Handling Exploring the Code in More Detail Taking Things Further Summary Chapter 7: Project: Enabling the API in a Framework or CMS Outlining the Project Exploring the Options Choosing Our Framework Creating the Store Front End Breaking Apart the Code Setting Up the Basic Checkout Dissecting the Code Taking Things Further Case Study: Adding Geolocation Support Getting Prepared Creating Our Demo Breaking Apart Our Code What Next for Geolocation: Should We Use It? Case Study: Using QR Codes Understanding How It Works Summary Chapter 8: Project: The Future of the Web Payments API What is the Payment Handler API? Understanding the Mix Creating a Handler Getting Prepared Defining a Payment Method Identifier Building the Manifest Creating a Payment App Installing the Payment Handler Dissecting Our Code Streamlining the Process Considering Security Implications Testing Our Payment Handler Dissecting the Code Summary Appendix: API Reference API Inter faces API Properties API Events Useful References Index