Firefox/Features/Web Payments

Introduction

The Payment Request API makes online purchases easier without having to fill in all of the personal and payment information over and over again. Together with the form autofill feature, it saves user's time and effort when making online purchases by storing their personal and payment information in Firefox to be used when a merchant requests payment. The Payment Request UI provides consistency across merchant sites.

The overall objective is to increase user engagement, satisfaction, and retention for frequent online shoppers. We believe this can be achieved by enabling users to complete forms and “check out” in e-commerce flows as quickly and securely as possible.

The W3C Payment Request API is a Candidate Recommendation and has already been implemented in other major web browsers. The API is extensible to any payment method without requiring the browser to be Payment Card Industry (PCI) compliant.

Development

Preference: dom.payments.request.enabled

Front-end

• Bugzilla Component: Firefox :: WebPayments UI (file a bug)
• Privacy & Security Considerations
• In-Tree Developer Documentation

DOM

See Firefox/Features/Web_Payments/DOM for more info.

• Bugzilla Component: DOM: Web Payments
• Intent to Implement
• Platform implementation Architecture
• Old
  • DOM Code WIP Repository

Project Members

2018 (Jan.~Dec.)

• Product: Cindy Hsiang
• User Experience: Jacqueline Savory (UX), Erin Pang (VisD)
• User Research: Sharon Bautista
• Front-End Engineering: Justin Dolske, Matthew Noorenberghe (Tech Lead), Jared Wein, Samuel Foster
• Platform Engineering: Marcos Caceres, Peter Saint-Andre
• Program Management: Jean Gong

2017'H2 (Sep.~Dec.)

• Product: Jeff Griffiths
• User Experience: Jacqueline Savory (UX)
• Engineering: Justin Dolske, Matthew Noorenberghe (Tech Lead), Marcos Caceres (Architect), Jared Wein, Samuel Foster
• Program Management: Jean Gong

2017'H1 (~Aug.)

• Product: Joe Cheng
• User Experience: Juwei Huang (UX), Fang Shih (Visual)
• Engineering: Marcos Caceres (Architect), Ben Tian (TDC Tech Lead), Alphan Chen, Eden Chuang, Matthew Noorenberghe (Front-end oversight)
• Program Management: Wesly Huang

Discussion

• IRC: #payments
• Weekly Meeting Notes
• Web Payments Mailing list: webpayments@mozilla.com
• Auto Fill Public Mailing list: autofill@lists.mozilla.org

References

• Product/Project
  • Product Requirements (shared with “Form-autofill”)
  • Meeting Notes
  • Meeting Notes (2016-12-29 to 2017-08-16)
  • Project Tracking

• W3C Specifications
  • W3C Payment Request API Specification
  • W3C Payment Handler API Specification

• User Experience
  • Basic Card UX Spec (old v1.6)
  • Basic Card UI Spec
  • Old
    • Interaction Mockup
    • Visual Mockup
    • Prototype for User Research Version 2