{"id":939,"date":"2020-11-17T08:37:03","date_gmt":"2020-11-17T14:37:03","guid":{"rendered":"https:\/\/easydigitaldownloads.com\/development\/?p=939"},"modified":"2020-11-17T14:15:30","modified_gmt":"2020-11-17T20:15:30","slug":"stripe-2-8-beta-1-adds-payment-request-buttons","status":"publish","type":"post","link":"https:\/\/easydigitaldownloads.com\/development\/2020\/11\/17\/stripe-2-8-beta-1-adds-payment-request-buttons\/","title":{"rendered":"Stripe 2.8 Beta 1 Adds Payment Request Buttons"},"content":{"rendered":"\n<p>Our Easy Digital Downloads team has been hard at work getting the Stripe 2.8 release wrapped up and we are happy to be able to release to you, the first public beta of Version 2.8 of our Stripe integration. There some great new features alongside quite a few bug fixes, so let\u2019s take a look at this release in detail.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apple\/Google\/Microsoft Pay support<\/h2>\n\n\n\n<p>The long-awaited Payment Request Button feature has arrived in Easy Digital Download\u2019s Stripe integration. Payment Request Buttons (or PRB, for short) is what Stripe calls it\u2019s dynamic integrations for Apple Pay, Google Pay and the new Microsoft Pay.<\/p>\n\n\n\n<p>Payment Request Buttons are supported on Single Download pages and Download lists using the <code>[\u200bdownloads]<\/code> shortcode as a \u201cBuy Now\u201d payment method. You can also enable the Payment Request Button on EDD\u2019s Checkout page, where it will be the default payment method if the visitor\u2019s browser supports it.<\/p>\n\n\n\n<p>Visitors will be provided with the appropriate payment option, depending on their platform and\/or browser. You can find the details about what operating systems and browsers are supported for each digital wallet service by viewing <a rel=\"noreferrer noopener\" href=\"https:\/\/stripe.com\/docs\/stripe-js\/elements\/payment-request-button\" target=\"_blank\">Stripe\u2019s Payment Request Button documentation<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"1024\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay-688x1024.jpg\" alt=\"Apple Pay in Easy Digital Downloads\" data-id=\"945\" data-full-url=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay.jpg\" data-link=\"https:\/\/easydigitaldownloads.com\/development\/?attachment_id=945\" class=\"wp-image-945\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay-688x1024.jpg 688w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay-202x300.jpg 202w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay-768x1143.jpg 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay-1032x1536.jpg 1032w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay-1376x2048.jpg 1376w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-apple-pay.jpg 1433w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Apple Pay<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-google-pay.png\"><img loading=\"lazy\" decoding=\"async\" width=\"857\" height=\"1024\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-google-pay-857x1024.png\" alt=\"Google Pay for Easy Digital Downloads\" data-id=\"946\" data-full-url=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-google-pay.png\" data-link=\"https:\/\/easydigitaldownloads.com\/development\/?attachment_id=946\" class=\"wp-image-946\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-google-pay-857x1024.png 857w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-google-pay-251x300.png 251w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-google-pay-768x917.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-google-pay.png 896w\" sizes=\"auto, (max-width: 857px) 100vw, 857px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Google Pay<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay.png\"><img loading=\"lazy\" decoding=\"async\" width=\"861\" height=\"1024\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-861x1024.png\" alt=\"Microsoft Pay for Easy Digital Downloads\" data-id=\"947\" data-full-url=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay.png\" data-link=\"https:\/\/easydigitaldownloads.com\/development\/?attachment_id=947\" class=\"wp-image-947\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-861x1024.png 861w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-252x300.png 252w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-768x913.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-1292x1536.png 1292w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay.png 1337w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Microsoft Pay<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal.png\"><img loading=\"lazy\" decoding=\"async\" width=\"839\" height=\"1024\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal-839x1024.png\" alt=\"Microsoft Pay payment review modal in Microsoft Edge\" data-id=\"948\" data-full-url=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal.png\" data-link=\"https:\/\/easydigitaldownloads.com\/development\/?attachment_id=948\" class=\"wp-image-948\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal-839x1024.png 839w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal-246x300.png 246w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal-768x937.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal-1258x1536.png 1258w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/microsoft-edge-edd-microsoft-pay-modal.png 1342w\" sizes=\"auto, (max-width: 839px) 100vw, 839px\" \/><\/a><figcaption class=\"blocks-gallery-item__caption\">Review your payment in Microsoft Pay<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Stripe Checkout modal replacement<\/h2>\n\n\n\n<p>Almost a year ago, Stripe deprecated the \u2018Stripe Checkout\u2019 modal that some store owners preferred. This was in an effort to introduce the SCA features as well as their new Checkout experience. While there was nothing we could do about it\u2019s deprecation, we chose to provide a similar purchase experience.<\/p>\n\n\n\n<p>We\u2019ve re-created the Stripe Checkout modal using Stripe Elements. While it is not a stylistic match for the Legacy Checkout product, the functionality remains similar so that store owners can once again use the modal to provide a fast and secure purchase experience, without the need of a cart or checkout page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Split card fields<\/h2>\n\n\n\n<p>In version 2.7 of Stripe, we moved to using Stripe Elements to render the credit card fields. These secure fields, which are provided directly from Stripe\u2019s library look like this.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"354\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-combined-card-fields-1.png\" alt=\"Combined card fields with the Stripe gateway in Easy Digital Downloads\" class=\"wp-image-954\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-combined-card-fields-1.png 781w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-combined-card-fields-1-300x136.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-combined-card-fields-1-768x348.png 768w\" sizes=\"auto, (max-width: 781px) 100vw, 781px\" \/><\/figure><\/div>\n\n\n\n<p>While some people prefer the combined card field appearance which contains the card number, expiration date, and CVV, it does not work with everyone\u2019s design preferences. In version 2.8 of our integration, we\u2019ve added a checkbox, allowing store owners to have split card fields.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"783\" height=\"459\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-split-card-fields.png\" alt=\"Split card fields for the Stripe gateway\" class=\"wp-image-953\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-split-card-fields.png 783w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-split-card-fields-300x176.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2020\/11\/edd-stripe-split-card-fields-768x450.png 768w\" sizes=\"auto, (max-width: 783px) 100vw, 783px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Other improvements<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Option to reject Pre-Paid cards.<\/li><li>Automatically set the new card as the default if the customer has removed all cards.<\/li><li>Updated Stripe Library to 7.47.0.<\/li><li>Bump Stripe API Version to 2020-03-02.<\/li><li>Send the EDD customer name when creating the Stripe customer object.<\/li><li>Preemptive updates to allow for EDD 3.0 support.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Notable bug fixes<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Improved PHP 7.3 and 7.4 compatibility.<\/li><li>Avoid Javascript errors on checkout when cart total is 0 or the page is loaded over http.<\/li><li>When pre-authorization was allowed and SCA challenges were required, the charges could not be approved.<\/li><li>Improved localization by fixing incorrect text domains and properly running error messages through translation functions.<\/li><li>Expired cards did not display properly when managing payment methods and could not be deleted.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Using the beta<\/h2>\n\n\n\n<p>Easy Digital Downloads Stripe 2.8 Beta 1 is available to all valid license key holders either via direct download within your <a href=\"https:\/\/easydigitaldownloads.com\/account\" target=\"_blank\" rel=\"noreferrer noopener\">account<\/a>, or you can receive betas in your WordPress admin by enabling updates to betas at Downloads &gt; Tools &gt; Beta Versions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Easy Digital Downloads team has been hard at work getting the Stripe 2.8 release wrapped up and we are happy to be able to release to you, the first public beta of Version 2.8&#8230;<\/p>\n<p class=\"continue-reading\"><a class=\"more-link\" href=\"https:\/\/easydigitaldownloads.com\/development\/2020\/11\/17\/stripe-2-8-beta-1-adds-payment-request-buttons\/\">Continue reading &rarr;<\/a><\/p>\n","protected":false},"author":650,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-939","post","type-post","status-publish","format-standard","hentry","category-extensions"],"_links":{"self":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/users\/650"}],"replies":[{"embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":10,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts\/939\/revisions"}],"predecessor-version":[{"id":959,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts\/939\/revisions\/959"}],"wp:attachment":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/media?parent=939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/categories?post=939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/tags?post=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}