English
API ReferenceSign In

VirtueMart Payment Flow

Last updated 03/18/2020

Xendit as a Payment Gateway supports these payment methods on VirtueMart:

  1. Bank transfer through Virtual Account which supports:

    1. Bank transfer BNI
    2. Bank transfer BRI
    3. Bank transfer BCA
    4. Bank transfer Mandiri
    5. Bank transfer Permata
  2. Credit Card

    1. Mastercard
    2. VISA
    3. JCB

How to set Payment after Install Xendit Plugin

To collect payment with Xendit, please do these step by step guide below:

  1. Go to your Joomla admin dashboard, on top, you can see VirtueMart, click on it and click Payment Methods
  2. Click on _New _button
  3. Input Payment Name (e.g. Bank Transfer BNI)
  4. Choose Yes on Published
  5. Input Payment Description
  6. Select VM Payment - Xendit on Payment Method
  7. Select Indonesian rupiah on Currency (we only support IDR)
  8. Click on Save button

Payment Flow on Bank Transfer BNI

After adding Xendit Payment, please follow these step by step guide below to collect payment with Bank Transfer BNI:

  1. If you have done the steps above, and assign another payment method, please clone the payment
  2. Go to cloned payment method, change the name into payment method that you want (e.g. Bank Transfer BNI) and click on _Configuration _tab
  3. Input Public API Key and Secret API Key based on the environment selected
  4. Select Bank Transfer BNI on Payment Type
  5. Click on Save button
  6. After it is enabled, your customer will see Bank Transfer BNI payment method in the cart page before confirming his order.
  7. When the Confirm Purchase button is clicked, customer will be redirected to XenInvoice page where he will be able to select method of transfer and there will be instructions on how to proceed.
  8. Once the payment has been completed, the customer will be redirected to the purchase confirmation page.

Payment Flow on Bank Transfer BRI

After adding Xendit Payment, please follow these step by step guide below to collect payment with Bank Transfer BRI:

  1. If you have done the steps above, and assign another payment method, please clone the payment
  2. Go to cloned payment method, change the name into payment method that you want (e.g. Bank Transfer BRI) and click on _Configuration _tab
  3. Input Public API Key and Secret API Key based on the environment selected
  4. Select Bank Transfer BRI on Payment Type
  5. Click on Save button
  6. After it is enabled, your customer will see Bank Transfer BRI payment method in the cart page before confirming his order.
  7. When the Confirm Purchase button is clicked, customer will be redirected to XenInvoice page where he will be able to select method of transfer and there will be instructions on how to proceed.
  8. Once the payment has been completed, the customer will be redirected to the purchase confirmation page.

Payment Flow on Bank Transfer BCA

After adding Xendit Payment, please follow these step by step guide below to collect payment with Bank Transfer BCA:

  1. If you have done the steps above, and assign another payment method, please clone the payment
  2. Go to cloned payment method, change the name into payment method that you want (e.g. Bank Transfer BCA) and click on _Configuration _tab
  3. Input Public API Key and Secret API Key based on the environment selected
  4. Select Bank Transfer BCA on Payment Type
  5. Click on Save button
  6. After it is enabled, your customer will see Bank Transfer BCA payment method in the cart page before confirming his order.
  7. When the Confirm Purchase button is clicked, customer will be redirected to XenInvoice page where he will be able to select method of transfer and there will be instructions on how to proceed.
  8. Once the payment has been completed, the customer will be redirected to the purchase confirmation page.

Payment Flow on Bank Transfer Mandiri

After adding Xendit Payment, please follow these step by step guide below to collect payment with Bank Transfer Mandiri:

  1. If you have done the steps above, and assign another payment method, please clone the payment
  2. Go to cloned payment method, change the name into payment method that you want (e.g. Bank Transfer Mandiri) and click on _Configuration _tab
  3. Input Public API Key and Secret API Key based on the environment selected
  4. Select Bank Transfer Mandiri on Payment Type
  5. Click on Save button
  6. After it is enabled, your customer will see Bank Transfer Mandiri payment method in the cart page before confirming his order.
  7. When the Confirm Purchase button is clicked, customer will be redirected to XenInvoice page where he will be able to select method of transfer and there will be instructions on how to proceed.
  8. Once the payment has been completed, the customer will be redirected to the purchase confirmation page.

Payment Flow on Bank Transfer Permata

After adding Xendit Payment, please follow these step by step guide below to collect payment with Bank Transfer Permata:

  1. If you have done the steps above, and assign another payment method, please clone the payment
  2. Go to cloned payment method, change the name into payment method that you want (e.g. Bank Transfer Permata) and click on _Configuration _tab
  3. Input Public API Key and Secret API Key based on the environment selected
  4. Select Bank Transfer Permata on Payment Type
  5. Click on Save button
  6. After it is enabled, your customer will see Bank Transfer Permata payment method in the cart page before confirming his order.
  7. When the Confirm Purchase button is clicked, customer will be redirected to XenInvoice page where he will be able to select method of transfer and there will be instructions on how to proceed.
  8. Once the payment has been completed, the customer will be redirected to the purchase confirmation page.

Payment Flow on Credit Card

After adding Xendit Payment, please follow these step by step guide below to collect payment with Credit Card:

  1. If you have done the steps above, and assign another payment method, please clone the payment
  2. Go to cloned payment method, change the name into payment method that you want (e.g. Credit Card) and click on _Configuration _tab
  3. Input Public API Key and Secret API Key based on the environment selected
  4. Select Credit Card on Payment Type
  5. Click on Save button
  6. After it is enabled, your customer will see a Credit Card payment method in the cart page before confirming his order. The customer need to fill out his credit card details to continue.
  7. When the system has validated the credit card details and the Check Out Now button is clicked, customer will be redirected to the 3DS authentication page.
  8. Once the authentication is successful and payment has been completed, the purchase confirmation page will be shown to customers.