{"id":261663,"date":"2021-05-28T19:00:23","date_gmt":"2021-05-28T16:00:23","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-accept-apple-pay-on-your-website-cloudsavvy-it\/"},"modified":"2021-05-28T19:00:23","modified_gmt":"2021-05-28T16:00:23","slug":"how-to-accept-apple-pay-on-your-website-cloudsavvy-it","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-accept-apple-pay-on-your-website-cloudsavvy-it\/","title":{"rendered":"#How to Accept Apple Pay On Your Website \u2013 CloudSavvy IT"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a38ba8a34a3a\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a38ba8a34a3a\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-accept-apple-pay-on-your-website-cloudsavvy-it\/#How_Does_Apple_Pay_Work\" >How Does Apple Pay Work?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-accept-apple-pay-on-your-website-cloudsavvy-it\/#Using_Shopify\" >Using Shopify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-accept-apple-pay-on-your-website-cloudsavvy-it\/#Using_WooCommerce\" >Using WooCommerce<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-accept-apple-pay-on-your-website-cloudsavvy-it\/#Setting_Up_Checkouts_With_Stripe\" >Setting Up Checkouts With Stripe<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#How to Accept <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">App<\/a>le Pay On Your Website \u2013 CloudSavvy IT&#8221;<\/strong><\/p>\n<div id=\"article-content-area\">\n<figure style=\"width: 700px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage wp-image-11604 size-full\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/05\/911efccb.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Apple pay on iPhone\" width=\"700\" height=\"350\" src=\"https:\/\/www.shutterstock.com\/image-photo\/close-view-man-using-apple-pay-1106626115\" data-credittext=\"Shutterstock\/LightField Studios\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\"><span class=\"type:primaryImage imagecredit\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.shutterstock.com\/image-photo\/close-view-man-using-apple-pay-1106626115\">Shutterstock\/LightField Studios<\/a><\/span><\/figcaption><\/figure>\n<p>Apple Pay is an accelerated checkout option that makes it very easy to buy products, both in person and on the web. It\u2019s easy to integrate on most e-commerce platforms, and improves customer experience on your online store.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"How_Does_Apple_Pay_Work\"><\/span>How Does Apple Pay Work?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.apple.com\/apple-pay\/\">Apple Pay<\/a> allows customers to pay with a pre-saved credit or debit card using Touch ID or Face ID. The process is fairly seamless; in person, you\u2019d have to wave your phone or watch over the terminal, but online, you just click the buy button, authenticate with your face, and you\u2019re done.<\/p>\n<p>Apple Pay can be used on any device with Touch ID or Face ID, though it will only work in Safari, which means users of other browsers like Chrome will likely choose a different option when checking out. Since it\u2019s exclusive to Apple devices, you\u2019ll of course want to offer other options, like Google Pay, PayPal, or regular debit cards.<\/p>\n<p>The process of adding Apple Pay to your store will depend on what payment provider you\u2019re already using. In any case, Apple Pay has a few rules that you\u2019ll have to abide by:<\/p>\n<ul>\n<li>Your\u00a0<strong>entire site<\/strong>\u00a0must be served over HTTPS with a valid SSL certificate.<\/li>\n<li>Your server must\u00a0support TLS 1.2\u00a0or later.<\/li>\n<li>The domain must be verified with Apple using a file hosted on your site.<\/li>\n<\/ul>\n<p>Really, you should be following the first two rules regardless. The latter may be handled automatically by some services, but if you\u2019re doing things manually (like with the S<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/trip-and-travel\/\" data-internallinksmanager029f6b8e52c=\"10\" title=\"Trip &amp; Travel\" target=\"_blank\" rel=\"noopener\">trip<\/a>e API) then you may have to set this up yourself.<\/p>\n<p>If you don\u2019t want to use any external service, you <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/webkit.org\/blog\/8182\/introducing-the-payment-request-api-for-apple-pay\/\">can also set up Apple Pay manually using Apple\u2019s JavaScript APIs<\/a>. This is quite complicated and, considering you\u2019ll likely need an external service anyway to handle credit cards, we highly recommend using a service like Stripe.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Using_Shopify\"><\/span>Using Shopify<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you\u2019re using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.shopify.com\/?ref=howtogeek\">Shopify<\/a>, one of the biggest e-commerce providers, the setup is really simple and just requires you to click a few buttons. Under the Settings menu, in the bottom left of the admin console, click on Payments:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11605\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/05\/1e6756ca.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"700\" height=\"283\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Then, in the section for credit cards, click on Manage, then enable Apple Pay under \u201cAccelerated<br \/>Checkouts.\u201d Your store should im<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/social-mediaa\/\" data-internallinksmanager029f6b8e52c=\"1\" title=\"Social Media\" target=\"_blank\" rel=\"noopener\">media<\/a>tely show Apple Pay as an option on supported devices.<\/p>\n<p>Shopify has a lot of other benefits\u2014of course you can use them to accept credit card payments on yoru website, but they also support payments using Bitcoin or other cryptocurrencies, as well as a host of other options like ShopPay.<\/p>\n<p>We\u2019d highly recommend using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.shopify.com\/?ref=howtogeek\">Shopify<\/a> if you\u2019re going to be selling things online. Not only are they the biggest platform out there that isn\u2019t Amazon, but the user experience for your end user is better than almost anything else\u2014especially when you combine with the ease of using Apple Pay.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Using_WooCommerce\"><\/span>Using WooCommerce<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11639\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/05\/de180630.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"700\" height=\"255\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Another popular e-commerce solution is <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/woocommerce.com\/\">WooCommerce<\/a>, which runs on WordPress. You can add Apple Pay support to it pretty easily.<\/p>\n<p>If you\u2019re using WooCommerce Payments, you\u2019ll simply need to enable \u201cPayment Request Buttons\u201d under\u00a0Payments &gt; Settings. WooCommerce should automatically register your domain with Apple and perform all the setup for it to work.<\/p>\n<p>If it\u2019s not showing up, double check that your site is served over HTTPS and that you have a\u00a0live WooCommerce Payments account, not one in Dev Mode.<\/p>\n<p>If you\u2019re using Stripe for checkout with WooCommerce, it should be enabled automatically, though you\u2019ll want to make sure \u201cPayment Request Buttons\u201d is checked under\u00a0WooCommerce &gt; Settings &gt; Payments &gt; Stripe.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Setting_Up_Checkouts_With_Stripe\"><\/span>Setting Up Checkouts With Stripe<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11608\" data-pagespeed-lazy-src=\"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/05\/7e8aec36.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"700\" height=\"307\" src=\"\/pagespeed_static\/1.JiBnMqyl6S.gif\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redirect.viglink.com\/?key=204a528a336ede4177fff0d84a044482&amp;u=https%3A%2F%2Fstripe.com\">Stripe<\/a>\u00a0is a payment processing service, similar to PayPal except that it has excellent developer support and supports a large number of checkout methods, including Apple Pay.<\/p>\n<p>If you\u2019re using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redirect.viglink.com\/?key=204a528a336ede4177fff0d84a044482&amp;u=https%3A%2F%2Fstripe.com\/docs\/payments\/checkout\">Stripe Checkout<\/a>, a Stripe-hosted checkout page which handles payment processing automatically, you don\u2019t have to do anything. Apple Pay is supported by default on any device that supports it, and is displayed as the first option on the checkout page.<\/p>\n<p>If you\u2019re using the Stripe API on your own site, you\u2019ll need to do a bit of setup. First, you\u2019ll need to verify your domain with Apple. Download their\u00a0<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redirect.viglink.com\/?key=204a528a336ede4177fff0d84a044482&amp;u=https%3A%2F%2Fstripe.com\/files\/apple-pay\/apple-developer-merchantid-domain-association\">domain association file<\/a>, and host it at the following location:<\/p>\n<pre>https:\/\/example.com\/.well-known\/apple-developer-merchantid-domain-association<\/pre>\n<p>Then, you\u2019ll need to send a request to the Stripe API to verify. You\u2019ll find the <code>sk_live_<\/code>\u00a0key <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redirect.viglink.com\/?key=204a528a336ede4177fff0d84a044482&amp;u=https%3A%2F%2Fdashboard.stripe.com%2Fapikeys\">on your Stripe dashboard<\/a>.<\/p>\n<pre>curl https:\/\/api.stripe.com\/v1\/apple_pay\/domains &#13;\n    -u \"sk_live_\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\": &#13;\n    -d domain_name=\"example.com\"<\/pre>\n<p>Once verified, you\u2019ll be able to use the Stripe SDK to create and send payments and payment buttons. This will depend highly on your frontend configuration, so you\u2019ll want to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redirect.viglink.com\/?key=204a528a336ede4177fff0d84a044482&amp;u=https%3A%2F%2Fstripe.com\/docs\/stripe-js\/elements\/payment-request-button?html-or-react=html\">consult their docs on how to set up Payment Request Buttons<\/a>.\n<\/div>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.cloudsavvyit.com\/11603\/how-to-accept-apple-pay-on-your-website\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#How to Accept Apple Pay On Your Website \u2013 CloudSavvy IT&#8221; Shutterstock\/LightField Studios Apple Pay is an accelerated checkout option that makes it very easy to buy products, both in person and on the web. It\u2019s easy to integrate on most e-commerce platforms, and improves customer experience on your online store. How Does Apple Pay&#8230;<\/p>\n","protected":false},"author":1,"featured_media":261664,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.cloudsavvyit.com\/p\/uploads\/2021\/05\/911efccb.png","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-261663","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/261663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=261663"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/261663\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/261664"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=261663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=261663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=261663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}