1. 5/7/ :29 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

2. 5/7/ :29 PM
P4055
Advancing Commerce Bring a Fast and Easy Checkout Experience to Your Customers Across the Web, UWP Platform, and Bots.
Jonathan Cutler Software Engineer – Payments
Molly Dalton Program Manager – Edge
Stan Chang Program Manager – Windows
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

3. The Shopper’s Problem Inconsistent checkout flows
5/7/ :29 PM
Inconsistent checkout flows
Repetitive data entry
Friction leading to checkout abandonment
Form filling errors
The Shopper’s Problem
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. The Developer’s Problem
5/7/ :29 PM
The Developer’s Problem
Building custom forms to collect generic customer data
Shoppers buy where their information is already stored
High rates of shopping cart abandonment
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

5. A simple payment experience
5/7/ :29 PM
A simple payment experience
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. Multiple Channels Edge UWP Desktop Bridge Bots 5/7/2018 11:29 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

7. Payment Request Overview
Microsoft Build 2017
5/7/ :29 PM
Payment Request Overview
Payment Request
Supported Payment Methods
Options
Payment Details
Description: The merchant provides a list of payment methods they support.
Description: The merchant sets options telling the payment app how to behave. These options specify buyer required fields such as shipping address, address and phone number.
Description: The merchant defines total, an optional list of items, price and currency for the payment app to display. If shipping is required, shipping options may also be provided.
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Supported Payment Methods
Microsoft Build 2017
5/7/ :29 PM
Supported Payment Methods
var methodData = [{
supportedMethods: ['basic-card'],
data: {
supportedNetworks: ['visa', 'mastercard'],
supportedTypes: ['credit'] }
}];
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. Payment Details var details = {
Microsoft Build 2017
5/7/ :29 PM
Payment Details
var details = {
total: {label: 'Total', amount: {currency: 'USD', value: '1.00'}},
displayItems: [{
label: 'Sub-total',
amount: {currency: 'USD', value: '1.00'} }] };
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

10. Payment Details var details = {
Microsoft Build 2017
5/7/ :29 PM
Payment Details
var details = {
total: {label: 'Total', amount: {currency: 'USD', value: ‘6.00'}},
displayItems: [{
label: 'Sub-total',
amount: {currency: 'USD', value: '1.00'}
}, {
label: 'Shipping',
amount: {currency: 'USD', value: '5.00'},
}],
shippingOptions: [{
id: 'STANDARD‘
label: ‘Standard Shipping (3-5 days)',
selected: true }] };
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. Payment Details var details = {
Microsoft Build 2017
5/7/ :29 PM
Payment Details
var details = {
total: {label: 'Total', amount: {currency: 'USD', value: '1.00'}},
displayItems: [{
label: 'Sub-total',
amount: {currency: 'USD', value: '1.00'}
}, {
label: 'Shipping',
amount: {currency: 'USD', value: '0.00'},
pending: true
}],
shippingOptions: null };
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

12. Payment Details 1 + 0 = 2? var details = {
Microsoft Build 2017
5/7/ :29 PM
Payment Details
var details = {
total: {label: 'Total', amount: {currency: 'USD', value: '2.00'}},
displayItems: [{
label: 'Sub-total',
amount: {currency: 'USD', value: '1.00'}
}, {
label: 'Shipping',
amount: {currency: 'USD', value: '0.00'},
pending: true
}],
shippingOptions: null };
1 + 0 = 2?
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

13. Payment Options (optional)
Microsoft Build 2017
5/7/ :29 PM
Payment Options (optional)
var options = {
requestShipping: true,
shippingType: 'shipping', //'shipping','delivery','pickup'
requestPayerName: true,
requestPayer true,
requestPayerPhone: true };
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. Payment Response Overview
Microsoft Build 2017
5/7/ :29 PM
Payment Response Overview
Payment Response
Method Name
Shipping Address and Option
and Phone
Details
Description: The name of the payment method selected by the payment app (a supported methods of the merchant).
Description: The identifier of the selected shipping option and the buyer’s shipping address (if requested by the merchant).
Description: The details of the payment method selected by the buyer to be charged.
Description: The buyer’s address and phone number (if requested by the merchant).
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

15. Payment Response var paymentResponse = { methodName: 'basic-card',
Microsoft Build 2017
5/7/ :29 PM
Payment Response
var paymentResponse = {
methodName: 'basic-card',
details: { /* Payment card details */ },
shippingAddress: {
country: 'US',
region: 'WA',
addressLine: ['One Microsoft Way'],
city: 'Redmond',
postalCode: '98052',
recipient: 'John Smith' },
shippingOption: 'STANDARD',
payer
payerPhone: ' ' };
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

16. Connect Processor Stripe is currently supported
5/7/ :29 PM
Stripe is currently supported
Visit Microsoft Seller Center
Obtain MerchantID
Start building
Connect Processor
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

17. Native payments experience for your UWP app
5/7/ :29 PM
Same experience as found on Edge
Fast and simple checkout experience
For physical goods and services
Compliments existing In-App Purchase API
App Developer Agreement / Windows Store Policies
Native payments experience for your UWP app
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

18. Bots + Payments Works across most major platforms
5/7/ :29 PM
Works across most major platforms
Fast and simple payment experience
Bring commerce capabilities to your Bot
Bots + Payments
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

19. Try out the creators update today
5/7/ :29 PM
Try out the creators update today
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

20. Call to action Register on Microsoft Seller Center
5/7/ :29 PM
Register on Microsoft Seller Center
Read our blog post for the Edge Payment Request API.
Read our blog post for the UWP Payment Request API.
Read the integration guide for the Bot Framework.
Visit GitHub to take a look at our code samples.
Re-visit Build session recordings on Channel 9.
Call to action
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

21. 5/7/ :29 PM
Microsoft Edge: What’s new and what’s next for the web and web apps on Windows
Proven Tips for a successful Windows Store App
Bring your desktop apps to the Windows Store using the Desktop Bridge
Give your conversations superpowers – Building Intelligent Bots for Skype
Related Sessions
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.