{"title":"Paytm Redirect Component","category":"default","creationDate":1776961628,"content":"<p>This page explains how to add Paytm to your existing iOS Components integration.<\/p>\n<h2>Requirements<\/h2>\n<table>\n<thead>\n<tr>\n<th style=\"text-align: left;\">Requirement<\/th>\n<th style=\"text-align: left;\">Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"text-align: left;\"><strong>Integration type<\/strong><\/td>\n<td style=\"text-align: left;\">Make sure that you have built your <a href=\"\/online-payments\/build-your-integration\">iOS Components integration<\/a>.  <\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><strong>Setup steps<\/strong><\/td>\n<td style=\"text-align: left;\">Before you begin, <a href=\"\/payment-methods\/add-payment-methods\">add Paytm in your test Customer Area<\/a>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>API reference<\/h2>\n<p>You do not need to send additional fields for Paytm. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:<\/p>\n<ul>\n<li> <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/sessions\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\/sessions<\/a>&#58; This is the default with <a href=\"\/online-payments\/build-your-integration\/sessions-flow?platform=iOS&amp;integration=Components\">Components v5.0.0<\/a> or later.<\/li>\n<li> <a href=\"https:\/\/docs.adyen.com\/api-explorer\/Checkout\/latest\/post\/payments\" class=\"codeLabel  external-link no-image\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\/payments<\/a>&#58; If you implemented an <a href=\"\/online-payments\/build-your-integration\">additional use case<\/a>.<\/li>\n<\/ul>\n<h2>Component configuration<\/h2>\n<h3>v5.0.0 or later<\/h3>\n<p>If your integration uses iOS Components v5.0.0 or later, configure and create an instance of the Paytm Component:<\/p>\n\n<div id=\"tabnlMLf\">\n    <div data-component-wrapper=\"tabs\">\n        <tabs\n                        :items=\"[{&quot;title&quot;:&quot;\\\/sessions&quot;,&quot;content&quot;:&quot;\\n  &lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Component configuration&#039;\\&quot; :id=\\&quot;&#039;instant_component_sessions&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;swift\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;let paymentMethods = session.sessionContext.paymentMethods\\\\n\\\\\\\/\\\\\\\/ Check that the payment method is supported before showing the Component.\\\\nguard let paymentMethod = paymentMethods.paymentMethod(ofType: .other(\\\\\\&quot;paytm\\\\\\&quot;)) else { return }\\\\nlet component = InstantPaymentComponent(paymentMethod: paymentMethod,\\\\n                                        context: context,\\\\n                                        order: nil)\\\\nself.currentComponent = component\\\\n\\\\\\\/\\\\\\\/ Set the session as the delegate.\\\\ncomponent.delegate = session\\\\ncomponent.initiatePayment()\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n    &quot;,&quot;altTitle&quot;:&quot;sessions-5-config&quot;,&quot;oldTabId&quot;:&quot;sessions-5-config_1&quot;,&quot;relation&quot;:&quot;&quot;},{&quot;title&quot;:&quot;Advanced flow&quot;,&quot;content&quot;:&quot;\\n  &lt;div data-component-wrapper=\\&quot;code-sample\\&quot;&gt;\\n    &lt;code-sample :title=\\&quot;&#039;Component configuration&#039;\\&quot; :id=\\&quot;&#039;instant_component_advanced&#039;\\&quot; :code-data=&#039;[{\\&quot;language\\&quot;:\\&quot;swift\\&quot;,\\&quot;tabTitle\\&quot;:\\&quot;\\&quot;,\\&quot;content\\&quot;:\\&quot;\\\\\\\/\\\\\\\/ Check that the payment method is supported before showing the Component.\\\\nguard let paymentMethod = paymentMethods.paymentMethod(ofType: .other(\\\\\\&quot;paytm\\\\\\&quot;)) else { return }\\\\nlet component = InstantPaymentComponent(paymentMethod: paymentMethod,\\\\n                                        context: context,\\\\n                                        order: nil)\\\\nself.currentComponent = component\\\\n\\\\\\\/\\\\\\\/ Set the component as the delegate.\\\\ncomponent.delegate = self\\\\ncomponent.initiatePayment()\\&quot;}]&#039; :enable-copy-link-to-code-block=\\&quot;true\\&quot; :code-sample-card-size=\\&quot;&#039;fullsize&#039;\\&quot;&gt;&lt;\\\/code-sample&gt;\\n&lt;\\\/div&gt;\\n    &quot;,&quot;altTitle&quot;:&quot;advanced-5-config&quot;,&quot;oldTabId&quot;:&quot;advanced-5-config_2&quot;,&quot;relation&quot;:&quot;&quot;}]\"\n            :should-update-when-url-changes='true'>\n        <\/tabs>\n    <\/div>\n<\/div>\n\n<h3>v4.x.x<\/h3>\n<p>If your integration uses an earlier version of iOS Components:<\/p>\n<div data-component-wrapper=\"code-sample\">\n    <code-sample :title=\"'Component configuration'\" :id=\"''\" :code-data='[{\"language\":\"swift\",\"tabTitle\":\"\",\"content\":\"\\\/\\\/ Check that the payment method is supported before showing the Component.\\nguard let paymentMethod = paymentMethods.paymentMethod(ofType: PaytmPaymentMethod.self) else { return }\\nlet style = FormComponentStyle()\\nlet component = PaytmComponent(paymentMethod: paymentMethod,\\n                                apiContext: context,\\n                                style: style)\\npresent(component)\"}]' :enable-copy-link-to-code-block=\"true\" :code-sample-card-size=\"'fullsize'\"><\/code-sample>\n<\/div>\n<p>There are no configuration steps specific to Paytm required for Components.<\/p>\n<h2 id=\"test-and-go-live\">Test and go live<\/h2>\n<p>Before you go live, test your integration using the following credentials:<\/p>\n<table>\n<thead>\n<tr>\n<th>Mobile number<\/th>\n<th>OTP<\/th>\n<th>Password<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>7777777777<\/td>\n<td>489871<\/td>\n<td>Paytm12345<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p> <\/p>\n<p>Check the status of Paytm test payments in your\u00a0<a href=\"https:\/\/ca-test.adyen.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Customer Area<\/a>\u00a0&gt;\u00a0<strong>Transactions<\/strong>\u00a0&gt;\u00a0<strong>Payments<\/strong>.<\/p>\n<p> <\/p>\n<p>Before you can accept live Paytm payments, you need to <a href=\"\/payment-methods\/add-payment-methods\">submit a request for Paytm<\/a> in your <a href=\"https:\/\/ca-live.adyen.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">live Customer Area<\/a>.<\/p>\n<h2 id=\"see-also\">See also<\/h2>\n<div class=\"see-also-links output-inline\" id=\"see-also\">\n<ul><li><a href=\"\/online-payments\/build-your-integration\/sessions-flow?platform=iOS&amp;integration=Components\"\n                        target=\"_self\"\n                        >\n                    iOS Components integration guide\n                <\/a><\/li><li><a href=\"https:\/\/docs.adyen.com\/api-explorer\/#\/CheckoutService\/latest\/overview\"\n                        target=\"_blank\"\n                         class=\"external\">\n                    API Explorer\n                <\/a><\/li><\/ul><\/div>\n","url":"https:\/\/docs.adyen.com\/payment-methods\/paytm\/ios-component","articleFields":{"description":"Add Paytm to your existing iOS Components integration.","parameters":{"payment_method":"Paytm","country_code":"IN","currency":"INR","payment_method_type":"paytm","return_url":"my-app:\/\/adyen","channel":"iOS","integration":"Components","platform":"iOS","integration_guide_url":"build-your-integration\/sessions-flow?platform=iOS&integration=Components","component_name":"the Paytm Component","component_js_const":"paytm","ios_config_component_type":"InstantPaymentComponent","ios_config_payment_method":"Paytm","ios_config_component_name":"Paytm"},"feedback_component":true},"algolia":{"url":"https:\/\/docs.adyen.com\/payment-methods\/paytm\/ios-component","title":"Paytm Redirect Component","content":"This page explains how to add Paytm to your existing iOS Components integration.\nRequirements\n\n\n\nRequirement\nDescription\n\n\n\n\nIntegration type\nMake sure that you have built your iOS Components integration.  \n\n\nSetup steps\nBefore you begin, add Paytm in your test Customer Area.\n\n\n\nAPI reference\nYou do not need to send additional fields for Paytm. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:\n\n \/sessions&#58; This is the default with Components v5.0.0 or later.\n \/payments&#58; If you implemented an additional use case.\n\nComponent configuration\nv5.0.0 or later\nIf your integration uses iOS Components v5.0.0 or later, configure and create an instance of the Paytm Component:\n\n\n    \n        \n        \n    \n\n\nv4.x.x\nIf your integration uses an earlier version of iOS Components:\n\n    \n\nThere are no configuration steps specific to Paytm required for Components.\nTest and go live\nBefore you go live, test your integration using the following credentials:\n\n\n\nMobile number\nOTP\nPassword\n\n\n\n\n7777777777\n489871\nPaytm12345\n\n\n\n \nCheck the status of Paytm test payments in your\u00a0Customer Area\u00a0&gt;\u00a0Transactions\u00a0&gt;\u00a0Payments.\n \nBefore you can accept live Paytm payments, you need to submit a request for Paytm in your live Customer Area.\nSee also\n\n\n                    iOS Components integration guide\n                \n                    API Explorer\n                \n","type":"page","locale":"en","boost":17,"hierarchy":{"lvl0":"Home","lvl1":"Payment methods","lvl2":"Paytm","lvl3":"Paytm Redirect Component"},"hierarchy_url":{"lvl0":"https:\/\/docs.adyen.com\/","lvl1":"https:\/\/docs.adyen.com\/payment-methods","lvl2":"https:\/\/docs.adyen.com\/payment-methods\/paytm","lvl3":"\/payment-methods\/paytm\/ios-component"},"levels":4,"category":"Payment method","category_color":"green","tags":["Paytm","Redirect","Component"]},"articleFiles":{"paytm-payments.js":"<p alt=\"\">paytm-payments.js<\/p>"}}