{"id":78,"date":"2025-04-23T04:36:13","date_gmt":"2025-04-23T04:36:13","guid":{"rendered":"https:\/\/documentation.iqonic.design\/vizion-ai\/?p=78"},"modified":"2025-06-24T12:06:55","modified_gmt":"2025-06-24T12:06:55","slug":"midtrans-payment","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/vizion-ai\/midtrans-payment\/","title":{"rendered":"Midtrans Payment"},"content":{"rendered":"<div class=\"nolwrap\">\n<pre class=\"wp-block-preformatted\">Estimated reading: 1 minutes<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Sign up For Midtrans<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you don&#8217;t have Midtrans Account you can register from here&nbsp;<a href=\"https:\/\/dashboard.midtrans.com\/register\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Obtain Midtrans API Keys<\/strong><\/h2>\n\n\n\n<p>Follow the steps below to obtain your Midtrans API keys:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Visit the&nbsp;<a href=\"https:\/\/dashboard.sandbox.midtrans.com\/login\" target=\"_blank\" rel=\"noreferrer noopener\">Midtrans<\/a>.<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Login<\/strong>&nbsp;option.<\/li>\n\n\n\n<li>Enter your email address and password.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Log me in<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1717\" height=\"1024\" src=\"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-content\/uploads\/sites\/11\/2025\/04\/Midtrans_Payment1.png\" alt=\"\" class=\"wp-image-389\" \/><\/figure>\n\n\n\n<p>Upon successful login, you will be directed to your Dashboard.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Completing Account Information<a href=\"https:\/\/apps.iqonic.design\/documentation\/vizion-ai-doc\/build\/docs\/payment-gateway\/midtrans-payment#completing-account-information\" target=\"_blank\" rel=\"noopener\">\u200b<\/a><\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to&nbsp;<strong>Settings &gt; General Settings<\/strong>.<\/li>\n\n\n\n<li>Complete the required information.\n<ul class=\"wp-block-list\">\n<li>Note:\n<ul class=\"wp-block-list\">\n<li>Merchant Name cannot contain any symbols.<\/li>\n\n\n\n<li>Merchant URL should be less than 25 characters.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1260\" height=\"819\" src=\"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-content\/uploads\/sites\/11\/2025\/04\/Midtrans_Payment2.png\" alt=\"\" class=\"wp-image-390\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Retrieving API Access Keys<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your MAP account.<\/li>\n\n\n\n<li>On the Dashboard, go to&nbsp;<strong>Settings &gt; Access Keys<\/strong>.<\/li>\n\n\n\n<li>Here you will find your:\n<ul class=\"wp-block-list\">\n<li><strong>Client Key<\/strong>: Used for frontend API requests.<\/li>\n\n\n\n<li><strong>Server Key<\/strong>: Used for backend API requests. Keep it confidential.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2472\" height=\"1278\" src=\"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-content\/uploads\/sites\/11\/2025\/04\/Midtrans_Payment3.png\" alt=\"\" class=\"wp-image-391\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Switching Environment<\/strong><\/h2>\n\n\n\n<p>You can switch between environments from the top left Environment drop-down on the dashboard.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sandbox Environment<\/strong>: Use for development and testing. Transactions are not real.<\/li>\n\n\n\n<li><strong>Production Environment<\/strong>: Use when ready to accept real payments. Transaction fees may apply.<\/li>\n<\/ul>\n\n\n\n<p><strong>Note:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>API keys differ between Production &amp; Sandbox environments.<\/li>\n\n\n\n<li>Transaction data and configurations are separated between environments.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add Generated Keys into config.dart<\/strong><\/h2>\n\n\n\n<p>Now you&#8217;ve successfully generated keys please update values into&nbsp;<strong>&#8220;config.dart&#8221;<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to&nbsp;<strong>lib \u2192 config.dart<\/strong>.<\/li>\n\n\n\n<li>Add value for constants shown below.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-preformatted\">\/\/\/ Midtrans<br>const midtrans_client_key = '';<\/pre>\n\n\n\n<p><strong>TIP<\/strong><\/p>\n\n\n\n<p>Congratulations! Your Midtrans Payment configuration is done.<\/p>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Estimated reading: 1 minutes Sign up For Midtrans Obtain Midtrans API Keys Follow the steps below to obtain your Midtrans API keys: Upon successful login, you will be directed to your Dashboard. Completing Account Information\u200b Retrieving API Access Keys Switching Environment You can switch between environments from the top left Environment drop-down on the dashboard. [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":66,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-78","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/vizion-ai\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":4,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":529,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/78\/revisions\/529"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/posts\/66"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/vizion-ai\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}