In order to set up payments you must fill out the preferences related to the individual provider. It is thus a different setup you must follow whichever payment provider you are about to set up. Below you will find how to fully complete the fields in order to activate Midtrans. Please note we have no control over the interface on this provider so your experience on the site may be slightly different, however the steps will likely be similar.

Disclaimer: Before syncing a payment gateway with the Editor you need to first create a separate account with the payment gateway. This usually requires you providing your bank details and selecting an appropriate subscription type with that particular payment gateway. Please be aware that the Editor is only set up to accept direct credit card payments via payment gateways, not alternative payment methods such as mobile payments, payments in instalments, etc. Make sure to keep this in mind when selecting your subscription type with the payment gateway and avoid choosing a type that supports alternative payment methods. 

Sign up with Midtrans here.

Once you have registered an account you can log in here and progress through the steps below to integrate it with the Editor.  


Often the consumer doesn't recognize the name of Payment Gateways and therefore might not know what payment option is it associated with. It is helpful to add a Payment Method Name that the consumer will recognize.

Server Key & Merchant ID

1. Login to your Midtrans account and find Settings on the left panel of the dashboard.

2. Once you have clicked on Settings, choose the Access Keys option.

3. On the Access Keys section you will be able to find both the Server Key and the Merchant ID. Now all you must do is paste them in the respective fields under the Payment Method in the editor.


It is possible to enable 3D-Secure in this payment gateway. 3D-Secure is the payments industry authentication standard for online purchases; if you wish to enable this feature, simply check the relevant field.


By enabling test mode you will be able to go through a purchase and its check out flow, without effectively completing a monetary transaction.


In this section it is possible to add icons representative of the payment method.


Finish by clicking on Save and toggle on in the option to enable the payment gateway.


To get an overview on how to set up and enable payments, as well as what the bank transfer and manual gateway are, click here.


Anything we’ve not covered?

Contact Us