1. Home
  2. Docs
  3. Cirilla Payment Gateway Addons
  4. Payment Gateways
  5. Midtrans


MidtransGatewayWebWebviewios, android, web

Getting started

 – Create an Midtrans account to use Midtrans’s services: https://dashboard.sandbox.midtrans.com/login


 Follow this steps:

Woocommerce website:

Add Midtrans plugin to your Woocommerce:

  1. Go to WordPress Admin > Plugins > Add New from the left-hand menu
  2. In the search box type Midtrans-WooCommerce
  3. Click on Install now when you see Midtrans-WooCommerce to install the plugin
  4. Config plugin according instructions
  5. Go to Woocommerce -> Setting -> Tab Payments: only enable Midtrans – Midtrans – All Supported Payment(don’t enable another method of Midtrans )

Midtrans plugin guide: https://wordpress.org/plugins/midtrans-woocommerce/

 Mobile app:

  1. Copy midtrans_gateway package and add to packages folder in cirilla project.
  2. Import package in cirilla/pubspec.yaml


  path: ./packages/midtrans_gateway

Then run flutter pub get in your project

  1. Add MidtransGatewayWeb(web view) to cirilla/lib/payment_method.dart file (remember import package like example)


import 'package:midtrans_gateway/midtrans_gateway_web.dart';

final Map<String, PaymentBase> methods = {
 MidtransGatewayWeb.key: MidtransGatewayWeb(),

Available Currencies


Was this article helpful to you? Yes No

How can we help?