{"id":181319,"date":"2019-08-05T08:41:56","date_gmt":"2019-08-05T08:41:56","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=181319"},"modified":"2024-10-16T05:08:18","modified_gmt":"2024-10-16T05:08:18","slug":"payment-request-api","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/payment-request-api\/","title":{"rendered":"Payment Request API"},"content":{"rendered":"\n<p>Hello everyone, it&#8217;s been long time from my last blog but the topic today is HOT or you can say TRENDING one. You won&#8217;t be able to find the use of web payment request api in many of the websites or in general in PWA apps as well. The reason being, it is under lot of development processes. so we can say the future of payments can\/must be done via web payment request API.<\/p>\n\n\n\n<p>On later half of the post you will find a nice example of implementing web payment request api<\/p>\n\n\n\n<p>So lets get started, the very first question is What is web payment request api?<\/p>\n\n\n\n<p>The Payment Request API is a new W3C web standard being introduced to make payments easier on a merchant website. It is inbuilt in browsers and It replaces the traditional billing address, shipping address and credit card forms with a browser dialog to efficiently get data from the user to the merchant.   <\/p>\n\n\n\n<p>It can be quite frustrating to mobile users in eCommerce to fill up billing, shipping  and so many required details to purchase a product. <\/p>\n\n\n\n<p>Although there is no drawback in the current flow but as time passes we build better solutions for the problems. So there is enough of the article now, lets get started in coding.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">\n&lt;html&gt;\n&lt;title&gt;Web Payment Request Api&lt;\/title&gt;\n&lt;style&gt;\n\t.button{\n\t\tfont-size: 18px;\n\t\tbackground-color: #2149f3;\n\t\tpadding: 10px 25px;\n\t\tborder: none;\n\t\tcolor: #fff;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tmargin: 20px 10px;\n\t\tcursor: pointer;\n\t}\n\ti{\n\t\tdisplay: block;\n\t\tmargin-left: 10px;\n\t}\n\ta{\n\t\t\/* text-decoration: none;\n\t\tcolor: #000000; *\/\n\t}\n&lt;\/style&gt;\n&lt;body&gt;\n\t&lt;button class=&quot;button&quot; onclick=&quot;processPayment();&quot;&gt;Buy Now&lt;\/button&gt;\n\t&lt;i&gt;Click on buy now button to process payment via web payment request api&lt;\/i&gt;\n\t&lt;i&gt;Check our Progressive web application for&lt;a href=&quot;https:\/\/pwa-wc.webkul.com\/pwa-for-woocommerce\/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot;&gt;\n\t\tWooCommerce&lt;\/a&gt;&lt;\/i&gt;\n\t&lt;script&gt;\n\n\t\tfunction processPayment() {\n\n\t\t\tif (window.PaymentRequest) {\n\n\t\t\t\tconsole.log(&quot;Yep, we can go ahead! Our code goes here.&quot;);\n\t\t\t\tconst creditCardPaymentMethod = {\n\t\t\t\t\tsupportedMethods: &#039;basic-card&#039;,\n\t\t\t\t\tdata: {\n\t\t\t\t\t\tsupportedNetworks: &#091;&#039;visa&#039;, &#039;mastercard&#039;, &#039;amex&#039;],\n\t\t\t\t\t\tsupportedTypes: &#091;&#039;credit&#039;, &#039;debit&#039;],\n\t\t\t\t\t},\n\t\t\t\t};\n\n\t\t\t\tconst supportedPaymentMethods = &#091;creditCardPaymentMethod];\n\t\t\t\tconst allDisplayItems = &#091;{\n\t\t\t\t\tlabel: &#039;Subtotal&#039;,\n\t\t\t\t\tamount: {\n\t\t\t\t\t\tcurrency: &#039;USD&#039;,\n\t\t\t\t\t\tvalue: 101.00,\n\t\t\t\t\t},\n\t\t\t\t}, {\n\t\t\t\t\tlabel: &#039;Discount (10%)&#039;,\n\t\t\t\t\tamount: {\n\t\t\t\t\t\tcurrency: &#039;USD&#039;,\n\t\t\t\t\t\tvalue: -1,\n\t\t\t\t\t},\n\t\t\t\t}, {\n\t\t\t\t\tlabel: &#039;Tax&#039;,\n\t\t\t\t\tamount: {\n\t\t\t\t\t\tcurrency: &#039;USD&#039;,\n\t\t\t\t\t\tvalue: 0.68,\n\t\t\t\t\t},\n\t\t\t\t}, ];\n\t\t\t\tconst paymentDetails = {\n\t\t\t\t\ttotal: {\n\t\t\t\t\t\tlabel: &quot;Total&quot;,\n\t\t\t\t\t\tamount: {\n\t\t\t\t\t\t\tcurrency: &quot;USD&quot;,\n\t\t\t\t\t\t\tvalue: 100.68\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tdisplayItems: allDisplayItems,\n\t\t\t\t};\n\n\t\t\t\tconst options = {\n\t\t\t\t\trequestPayerName: true,\n\t\t\t\t\trequestPayerPhone: true,\n\t\t\t\t\trequestPayerEmail: true\n\t\t\t\t};\n\n\t\t\t\tconst paymentRequest = new PaymentRequest(\n\t\t\t\t\tsupportedPaymentMethods, paymentDetails, options\n\t\t\t\t);\n\n\t\t\t\tpaymentRequest.show().then((paymentResponse) =&gt; {\n\t\t\t\t\tconsole.log(paymentResponse);\n\t\t\t\t\treturn paymentResponse.complete().then(() =&gt; {\n\t\t\t\t\t\t\/\/  Get the payment details from paymentResponse object.\n\t\t\t\t\t\t\/\/ Process payment\n\t\t\t\t\t});;\n\t\t\t\t}).catch((error) =&gt; {\n\t\t\t\t\tconsole.log(&quot;Payment Request API error: &quot;, error);\n\n\t\t\t\t});\n\n\t\t\t} else {\n\t\t\t\t\/\/ Fallback to traditional checkout\n\t\t\t\tlet otherUrl = &#039;&#039;; \/\/ general site url for checkout\n\t\t\t\tconsole.log(&quot;No support. Proceed the old school way&quot;);\n\t\t\t\twindow.location.href = otherUrl;\n\t\t\t}\n\t\t}\n\t&lt;\/script&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/pre>\n\n\n\n<p>Check out the screenshots below  <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png\" alt=\"Screenshot-from-2019-08-05-14-06-52\" class=\"wp-image-190675\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png 1920w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png 1200w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084019\/Screenshot-from-2019-08-05-14-07-18.png\" alt=\"Screenshot-from-2019-08-05-14-07-18\" class=\"wp-image-190676\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084019\/Screenshot-from-2019-08-05-14-07-18.png 1920w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084019\/Screenshot-from-2019-08-05-14-07-18.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084019\/Screenshot-from-2019-08-05-14-07-18.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084019\/Screenshot-from-2019-08-05-14-07-18.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084019\/Screenshot-from-2019-08-05-14-07-18.png 1200w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084054\/Screenshot-from-2019-08-05-14-07-27.png\" alt=\"Screenshot-from-2019-08-05-14-07-27\" class=\"wp-image-190677\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084054\/Screenshot-from-2019-08-05-14-07-27.png 1920w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084054\/Screenshot-from-2019-08-05-14-07-27.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084054\/Screenshot-from-2019-08-05-14-07-27.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084054\/Screenshot-from-2019-08-05-14-07-27.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05084054\/Screenshot-from-2019-08-05-14-07-27.png 1200w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Note &#8211; Kindly check the browsers support for this feature, as only the updated browsers support this features right now. look at this beautiful resource for the requirements &#8211; <a href=\"https:\/\/caniuse.com\/#search=payment%20request%20api\">https:\/\/caniuse.com\/#search=payment%20request%20api<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Surely we will implementing online payment gateways in future using web payment request api. there is this wonderful resource for depth details <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/payments\/merchant-guide\/deep-dive-into-payment-request\">https:\/\/developers.google.com\/web\/fundamentals\/payments\/merchant-guide\/deep-dive-into-payment-request<\/a> <\/p>\n\n\n\n<p>That&#8217;s all for today, we will see more of the topics in upcoming series <\/p>\n\n\n\n<p>Have a good day ahead<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello everyone, it&#8217;s been long time from my last blog but the topic today is HOT or you can say TRENDING one. You won&#8217;t be able to find the use of web payment request api in many of the websites or in general in PWA apps as well. The reason being, it is under lot <a href=\"https:\/\/webkul.com\/blog\/payment-request-api\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":67,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9505],"tags":[9503,9504,9501,9502],"class_list":["post-181319","post","type-post","status-publish","format-standard","hentry","category-payment-request-api","tag-chrome-web-payment-request-api","tag-mozilla-payment-request-api","tag-payment-request-api","tag-web-payment-request-api"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Payment Request API - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/payment-request-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Payment Request API - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Hello everyone, it&#8217;s been long time from my last blog but the topic today is HOT or you can say TRENDING one. You won&#8217;t be able to find the use of web payment request api in many of the websites or in general in PWA apps as well. The reason being, it is under lot [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/payment-request-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-05T08:41:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-16T05:08:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/Screenshot-from-2019-08-05-14-06-52.png\" \/>\n<meta name=\"author\" content=\"Webkul\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Webkul\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/\"},\"author\":{\"name\":\"Webkul\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/14f2bcf2d2b044589b35c23a46036b02\"},\"headline\":\"Payment Request API\",\"datePublished\":\"2019-08-05T08:41:56+00:00\",\"dateModified\":\"2024-10-16T05:08:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/\"},\"wordCount\":312,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/Screenshot-from-2019-08-05-14-06-52.png\",\"keywords\":[\"chrome web payment request api\",\"mozilla payment request api\",\"payment request api\",\"web payment request api\"],\"articleSection\":[\"payment request api\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/payment-request-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/\",\"url\":\"https:\/\/webkul.com\/blog\/payment-request-api\/\",\"name\":\"Payment Request API - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/Screenshot-from-2019-08-05-14-06-52.png\",\"datePublished\":\"2019-08-05T08:41:56+00:00\",\"dateModified\":\"2024-10-16T05:08:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/payment-request-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png\",\"width\":1920,\"height\":1080,\"caption\":\"Screenshot-from-2019-08-05-14-06-52\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/payment-request-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Payment Request API\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/14f2bcf2d2b044589b35c23a46036b02\",\"name\":\"Webkul\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b95a9889faa1ac8c620c762d0101c3a62e439d100e083ee7257caad54fa5305a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b95a9889faa1ac8c620c762d0101c3a62e439d100e083ee7257caad54fa5305a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Webkul\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/amit098\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Payment Request API - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/payment-request-api\/","og_locale":"en_US","og_type":"article","og_title":"Payment Request API - Webkul Blog","og_description":"Hello everyone, it&#8217;s been long time from my last blog but the topic today is HOT or you can say TRENDING one. You won&#8217;t be able to find the use of web payment request api in many of the websites or in general in PWA apps as well. The reason being, it is under lot [...]","og_url":"https:\/\/webkul.com\/blog\/payment-request-api\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-08-05T08:41:56+00:00","article_modified_time":"2024-10-16T05:08:18+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/Screenshot-from-2019-08-05-14-06-52.png","type":"","width":"","height":""}],"author":"Webkul","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Webkul","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/payment-request-api\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/payment-request-api\/"},"author":{"name":"Webkul","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/14f2bcf2d2b044589b35c23a46036b02"},"headline":"Payment Request API","datePublished":"2019-08-05T08:41:56+00:00","dateModified":"2024-10-16T05:08:18+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/payment-request-api\/"},"wordCount":312,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/Screenshot-from-2019-08-05-14-06-52.png","keywords":["chrome web payment request api","mozilla payment request api","payment request api","web payment request api"],"articleSection":["payment request api"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/payment-request-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/payment-request-api\/","url":"https:\/\/webkul.com\/blog\/payment-request-api\/","name":"Payment Request API - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/08\/Screenshot-from-2019-08-05-14-06-52.png","datePublished":"2019-08-05T08:41:56+00:00","dateModified":"2024-10-16T05:08:18+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/payment-request-api\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/payment-request-api\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/payment-request-api\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/05083859\/Screenshot-from-2019-08-05-14-06-52.png","width":1920,"height":1080,"caption":"Screenshot-from-2019-08-05-14-06-52"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/payment-request-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Payment Request API"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/14f2bcf2d2b044589b35c23a46036b02","name":"Webkul","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b95a9889faa1ac8c620c762d0101c3a62e439d100e083ee7257caad54fa5305a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b95a9889faa1ac8c620c762d0101c3a62e439d100e083ee7257caad54fa5305a?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Webkul"},"url":"https:\/\/webkul.com\/blog\/author\/amit098\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/181319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=181319"}],"version-history":[{"count":22,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/181319\/revisions"}],"predecessor-version":[{"id":469117,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/181319\/revisions\/469117"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=181319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=181319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=181319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}