magento 2 checkout & paymentsro.meet-magento.com/wp-content/uploads/2015/10/magento-2...• in...

17
Magento 2 Checkout & Payments Andrii Semenenko Product Manager, Magento Inc.

Upload: others

Post on 15-Aug-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Magento 2 Checkout & Payments Andrii Semenenko Product Manager, Magento Inc.

Page 2: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

What Merchants Expect From Us?

• Easy of use on mobile devices

• Fast and secure checkout to achieve better ROI

• Seamless integration with PSP

• Easier PCI compliance

Presenter
Presentation Notes
Page 3: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Easy to use on mobile devices

• Checkout form designed to be compact enough to easily fill in all the data using mobile or tablet

• Only single primary button keeps customer in control of the flow

• Checkout is a single page application, which means no unnecessary page reloads

Page 4: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Assumed guest checkout

Order summary with product images

UI Improvements

Page 5: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Registered customers automatically identified, however can choose to

proceed as Guest

UI Improvements

Page 6: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Getting shipping rates once sufficient information provided

UI Improvements

Page 7: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

• In Magento 2 checkout became more advanced UI application

• Old approach with generation of UI on a server did not scale with a complexity

• We split checkout to server-side Web APIs and client side RIA

• Server-side Web APIs built with new M2 Service Contracts Approach

• Client-side RIA is built with Magento 2 UI component framework that uses Knockout JS for templating

Under The Hood

Page 8: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Payment step is by far the most important part of the checkout process

Page 9: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

• Ask for a billing address only if required by a payment solution

• It allows us to make sure that customer does not fill in any unnecessary information

Payments: UI Improvements

Page 10: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

• Customer provides payment information on the final step of checkout • If payment gateway returns an error - customers stays on the same page where all

the payment options presented

Payments: UI Improvements

Page 11: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

In April of 2015, the new PCI Data Security Standards (PCI DSS 3.1) came into effect.

SAQ A SAQ A-EP

the most preferable options to the merchant

Shared-management e-commerce implementation

PCI DSS 3.1

Page 12: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Third-party embedded APIs with Direct Post (aka transparent redirect)

iFrame that allows a payment form hosted by a third party to be embedded within the merchant’s page(s)

Third-party hosted payment page which redirects the consumer to a page on an entirely different domain for payment entry

Shared-management E-commerce Implementations

Page 13: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

In M2 we support only shared-management e-commerce implementations for the following solutions available out of the box:

Enterprise Edition only: Enterprise Edition only:

Payments: Core Improvements

Page 14: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

What it means for the Magento developers?

We encourage you to use only shared-management e-commerce implementations provided by the payment solution providers in your Magento 2 projects

Shared-management implementation

Merchant Demand

Good both for merchant and developer

Page 15: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

API Documentation:

http://devdocs.magento.com/guides/v2.0/rest/restApi/

Frontend Developer Guide

http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/bk-frontend-dev-guide.html

Short Links:

http://goo.gl/DXaRNz

http://goo.gl/pM4diO

Page 16: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

Q&A

Page 17: Magento 2 Checkout & Paymentsro.meet-magento.com/wp-content/uploads/2015/10/Magento-2...• In Magento 2 checkout became more advanced UI application • Old approach with generation

iandsem [email protected]