1 of 13

W3C Web Payments

The Polyfill

Payment Request

and

Payment Handler

2 of 13

W3C Web Payments Polyfills

2

Payment Request Polyfill

Payment Handler Polyfill

3 of 13

Payment Request API

Step 1

Step 2

Step 3

Merchant Requests Payment

Customer Makes Payment Choices

Customer Sends Payment Details

3

4 of 13

Payment Handler API

Step 1

Step 2

Step 3

Step 4

Website Requests Install of Payment Handler

Customer Allows Payment Handler Install

Customer Registers Payment Instruments

Payment Handler Ready

4

5 of 13

Browser Coverage:

How are we doing?

5

6 of 13

Browsers Supported

The Web Payments Polyfill supports (at least):

  • Google Chrome: 50-61 (Feb 2016 - today)
  • Apple Safari: 8-11 (Oct 2014 - today)
  • UC Browser (Alibaba Group): 11+
  • Mozilla Firefox: 40-56 (Sep 2015 - today)
  • Microsoft Edge: 13-15 (Sep 2015 - today)
  • Samsung Internet: 4-5 (Mar 2016 - today)

6

7 of 13

Request

Native Coverage

Coverage: 1.3 of 3.8 billion people

7

Sources: chromestatus.com, caniuse.com, and internetworldstats.com

8 of 13

Request

Native + Polyfill Coverage

Coverage: 3.3 of 3.8 billion people

8

Sources: chromestatus.com, caniuse.com, and internetworldstats.com

9 of 13

Handler

Polyfill Coverage

Coverage: 3.3 of 3.8 billion people

9

Sources: chromestatus.com, caniuse.com, and internetworldstats.com

10 of 13

10

Test Suite: Polyfill Versus Chrome 63

11 of 13

Demo

11

12 of 13

12

13 of 13

Manu Sporny | CEO | Digital Bazaar

Questions?

https://digitalbazaar.com/

msporny@digitalbazaar.com

Copyright © 2017 Digital Bazaar - CC-BY-NC - Photos by TheDigitalWay on Pixabay�

13