{"title":"Express checkout","category":"default","creationDate":1776961628,"content":"<p>You can implement express checkout to let your shoppers pay with express payment methods, without having to go to a separate checkout page.<\/p>\n<div class=\"additional-info-block output-inline\">\n<h5 class=\"article__heading additional-info-block__title\">More about express checkout<\/h5><div class=\"additional-info-block__body\"><p>Read more about the types of express checkout and the benefits in our <a href=\"https:\/\/www.adyen.com\/knowledge-hub\/express-checkouts\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">blog post<\/a>.<\/p><\/div><\/div>\n\n<p>Express checkout improves the shopper experience and benefits your business by:<\/p>\n<ul>\n<li>Enabling one-click purchases from your product, cart, or basket pages.<\/li>\n<li>Reducing the time and effort required from shoppers to complete a purchase.<\/li>\n<li>Reducing cart abandonment by using stored payment details instead of navigating shoppers to a separate page to fill payment details.<\/li>\n<\/ul>\n<p>Implementing express payment methods requires additional integration steps. Alternatively, you can reduce the time shoppers spend on your checkout page by using <a href=\"#express-checkout-alternatives\">other solutions that enable faster checkout<\/a>.<\/p>\n<h2>How it works<\/h2>\n<p>You display the option to use express checkout on your product, cart, or basket pages. When shoppers select the option to use express checkout, they pay with one of the <a href=\"#supported-express-payment-methods\">supported express payment methods<\/a>.<\/p>\n<p>Express payment methods store shoppers' payment details, and the shopper does not have to enter details like billing address and phone number when they pay. After the payment, you get these details from the payment method to fulfill the order.<\/p>\n<h2>Supported express payment methods<\/h2>\n<p>The table below shows the express payment method support per platform, <a href=\"\/pt\/online-payments\/build-your-integration\">server-side flow<\/a>, and the version of the Component from which express checkout is supported.<\/p>\n<table>\n<thead>\n<tr>\n<th>Payment method<\/th>\n<th style=\"text-align: left;\">Platform<\/th>\n<th style=\"text-align: center;\">Advanced flow<\/th>\n<th style=\"text-align: center;\">Sessions flow<\/th>\n<th>Component version<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Apple Pay<\/td>\n<td style=\"text-align: left;\">Web<\/td>\n<td style=\"text-align: center;\"><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\"><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td>5.0.0<\/td>\n<\/tr>\n<tr>\n<td>Apple Pay<\/td>\n<td style=\"text-align: left;\">iOS<\/td>\n<td style=\"text-align: center;\"><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\"><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td>5.0.0<\/td>\n<\/tr>\n<tr>\n<td>Google Pay<\/td>\n<td style=\"text-align: left;\">Web<\/td>\n<td style=\"text-align: center;\"><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\"><\/td>\n<td style=\"text-align: center;\"><\/td>\n<td>5.0.0<\/td>\n<\/tr>\n<tr>\n<td>PayPal<\/td>\n<td style=\"text-align: left;\">Web<\/td>\n<td style=\"text-align: center;\"><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\"><\/td>\n<td style=\"text-align: center;\"><img title=\"-white_check_mark-\" alt=\"-white_check_mark-\" class=\"smileys\" src=\"\/user\/data\/smileys\/emoji\/white_check_mark.png\"><\/td>\n<td>5.59.0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Show express payment methods<\/h2>\n<p>You can offer the option to use express checkout by placing express payment method buttons in different places on your website or app.<\/p>\n<div class=\"row\" style=\"align-items: top;justify-content: center;\">\n<div class=\"col col-12 col-md-6\" style=\"background-color:transparent;;\"><h4>Product details page<\/h4><p>Allow shoppers to quickly buy a product without navigating to a separate checkout page. This may impact average transaction value.<\/p><\/div><div class=\"col col-12 col-md-6\" style=\"background-color:transparent;;\"><h4>Cart or basket page<\/h4><p>Allow shoppers to quickly pay for their items without going to a separate checkout page.<\/p><\/div><\/div>\n<div class=\"row\" style=\"align-items: center;justify-content: center;\">\n<div class=\"col col-12 col-md-6\" style=\"background-color:transparent;;\"><p><img alt=\"\" src=\"\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/product_page.png\"><\/p><\/div><div class=\"col col-12 col-md-6\" style=\"background-color:transparent;;\"><p><img alt=\"\" src=\"\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/cart_page.png\"><\/p><\/div><\/div>\n<h2>Express checkout alternatives<\/h2>\n<p>There are other ways to offer faster checkout options to your shoppers:<\/p>\n<ul>\n<li>Enable <a href=\"\/pt\/online-payments\/build-your-integration\/sessions-flow\/?platform=Web&amp;integration=Drop-in&amp;version=5.63.0#drop-in-configuration\">instant payments with Apple Pay and Google Pay<\/a> to display them at the top of the checkout page.<\/li>\n<li><a href=\"\/pt\/online-payments\/tokenization\">Tokenize<\/a> payment details to allow returning shoppers to pay with their stored payment details.<\/li>\n<li>Integrate with <a href=\"\/pt\/payment-methods\/cards\/click-to-pay\">Click to Pay<\/a>, where shoppers do not have to enter their card details when paying. Click to Pay is only supported on the web.<\/li>\n<\/ul>\n<div class=\"row\" style=\"align-items: center;justify-content: center;\">\n<div class=\"col col-12 col-md-4\" style=\"background-color:transparent;;\"><figure class=\"image-caption caption-middle\"><img title=\"Instant payment methods\" alt=\"\" class=\"caption caption-middle\" src=\"\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/checkout_page.png\"><figcaption class=\"\">Instant payment methods<\/figcaption><\/figure><\/div><div class=\"col col-12 col-md-4\" style=\"background-color:transparent;;\"><figure class=\"image-caption caption-middle\"><img title=\"Stored payment details\" alt=\"\" class=\"caption caption-middle\" src=\"\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/stored_payment_details.png\"><figcaption class=\"\">Stored payment details<\/figcaption><\/figure><\/div><div class=\"col col-12 col-md-4\" style=\"background-color:transparent;;\"><figure class=\"image-caption caption-middle\"><img title=\"Click to Pay\" alt=\"\" class=\"caption caption-middle\" src=\"\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/clicktopay.png\"><figcaption class=\"\">Click to Pay<\/figcaption><\/figure><\/div><\/div>\n<h2>Get started<\/h2>\n<div class=\"next-steps\" id=\"next-steps\" >\n<a href=\"\/payment-methods\/apple-pay\/web-component\/express-checkout\" class=\"next-steps__step\" style=\"width:29%;\" target=\"_self\"><p class=\"next-steps__body\"><div style=\"text-align: center;\"><h3>Apple Pay<\/h3><p>Implement express checkout with the Apple Pay Web Component.<\/p><\/div><\/p><\/a><a href=\"\/payment-methods\/google-pay\/web-component\/express-checkout\" class=\"next-steps__step\" style=\"width:29%;\" target=\"_self\"><p class=\"next-steps__body\"><div style=\"text-align: center;\"><h3>Google Pay<\/h3><p>Implement express checkout with the Google Pay Web Component.<\/p><\/div><\/p><\/a><a href=\"\/payment-methods\/paypal\/web-component\/express-checkout\" class=\"next-steps__step\" style=\"width:29%;\" target=\"_self\"><p class=\"next-steps__body\"><div style=\"text-align: center;\"><h3>PayPal<\/h3><p>Implement express checkout with the PayPal Web Component.<\/p><\/div><\/p><\/a><\/div>\n","url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/express-checkout","articleFields":{"description":"Let shoppers pay seamlessly with express payment methods.","feedback_component":true,"filters_component":false},"algolia":{"url":"https:\/\/docs.adyen.com\/pt\/payment-methods\/express-checkout","title":"Express checkout","content":"You can implement express checkout to let your shoppers pay with express payment methods, without having to go to a separate checkout page.\n\nMore about express checkoutRead more about the types of express checkout and the benefits in our blog post.\n\nExpress checkout improves the shopper experience and benefits your business by:\n\nEnabling one-click purchases from your product, cart, or basket pages.\nReducing the time and effort required from shoppers to complete a purchase.\nReducing cart abandonment by using stored payment details instead of navigating shoppers to a separate page to fill payment details.\n\nImplementing express payment methods requires additional integration steps. Alternatively, you can reduce the time shoppers spend on your checkout page by using other solutions that enable faster checkout.\nHow it works\nYou display the option to use express checkout on your product, cart, or basket pages. When shoppers select the option to use express checkout, they pay with one of the supported express payment methods.\nExpress payment methods store shoppers' payment details, and the shopper does not have to enter details like billing address and phone number when they pay. After the payment, you get these details from the payment method to fulfill the order.\nSupported express payment methods\nThe table below shows the express payment method support per platform, server-side flow, and the version of the Component from which express checkout is supported.\n\n\n\nPayment method\nPlatform\nAdvanced flow\nSessions flow\nComponent version\n\n\n\n\nApple Pay\nWeb\n\n\n5.0.0\n\n\nApple Pay\niOS\n\n\n5.0.0\n\n\nGoogle Pay\nWeb\n\n\n5.0.0\n\n\nPayPal\nWeb\n\n\n5.59.0\n\n\n\nShow express payment methods\nYou can offer the option to use express checkout by placing express payment method buttons in different places on your website or app.\n\nProduct details pageAllow shoppers to quickly buy a product without navigating to a separate checkout page. This may impact average transaction value.Cart or basket pageAllow shoppers to quickly pay for their items without going to a separate checkout page.\n\n\nExpress checkout alternatives\nThere are other ways to offer faster checkout options to your shoppers:\n\nEnable instant payments with Apple Pay and Google Pay to display them at the top of the checkout page.\nTokenize payment details to allow returning shoppers to pay with their stored payment details.\nIntegrate with Click to Pay, where shoppers do not have to enter their card details when paying. Click to Pay is only supported on the web.\n\n\nInstant payment methodsStored payment detailsClick to Pay\nGet started\n\nApple PayImplement express checkout with the Apple Pay Web Component.Google PayImplement express checkout with the Google Pay Web Component.PayPalImplement express checkout with the PayPal Web Component.\n","type":"page","locale":"pt","boost":18,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Express checkout"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/pt","lvl1":"https:\/\/docs.adyen.com\/pt\/payment-methods","lvl2":"\/pt\/payment-methods\/express-checkout"},"levels":3,"category":"Payment method","category_color":"green","tags":["Express","checkout"]},"articleFiles":{"cart_page.png":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/cart_page.png\" \/>","checkout_page.png":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/checkout_page.png\" \/>","clicktopay.png":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/clicktopay.png\" \/>","product_page.png":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/product_page.png\" \/>","stored_payment_details.png":"<img alt=\"\" src=\"https:\/\/docs.adyen.com\/user\/pages\/docs\/08.payment-methods\/03.express-checkout\/stored_payment_details.png\" \/>"}}