English
API ReferenceSign In

WooCommerce Payment Flow

Last updated 03/30/2021

Xendit as a Payment Gateway supports these payment methods on WooCommerce depending on the market.

For Indonesia Market:

  • Credit Cards and Debit Cards

    • Visa
    • Mastercard
    • JCB
    • American Express
  • Bank Transfer through Virtual Account:

    • Bank transfer BCA
    • Bank transfer BNI
    • Bank transfer BRI
    • Bank transfer Mandiri
    • Bank transfer Permata
  • Retail Outlet

    • Alfamart (Alfa Group)
    • Alfamidi (Alfa Group)
    • Dan - dan (Alfa Group)
    • Indomaret
  • eWallets

    • OVO
    • DANA
    • LinkAja
    • ShopeePay
    • QRIS
  • Direct Debit

    • BRI

For Philippines Market:

  • Credit Cards and Debit Cards

    • Visa
    • Mastercard
  • Retail Outlet

    • 7-Eleven
  • eWallets

    • PayMaya
  • Direct Debit

    • BPI

Payment Flow on Alfamart

Here is the flow of Alfamart payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit Alfamart click on the toggle to enable the Alfamart payment channel
  4. After it is enabled, your customer can see Alfamart payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to our XenInvoice product and can see the payment number like image below:
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on Indomaret

Here is the flow of Indomaret payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit Indomaret click on the toggle to enable the Indomaret payment channel
  4. After it is enabled, your customer can see Indomaret payment channel in payment channel option before placing his order
  5. When placing order by clicking the place order button on your checkout page, your customer will be directed to XenInvoice.
  6. When the payment is done or finished, your customer will be directed to your order received page in WooCommerce

Payment Flow on DANA

Here is the flow of DANA payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit DANA click on the toggle to enable DANA payment channel
  4. After it is enabled, your customer can see DANA payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to DANA payment page to fill the phone number and their PIN
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on Bank Transfer BCA

Here is the flow of Bank Transfer BCA payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit BCA VA click on the toggle to enable the Bank Transfer BCA payment channel
  4. After it is enabled, your customer can see Bank Transfer BCA payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to our XenInvoice product and can see the payment number like image below:
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on Bank Transfer BNI

Here is the flow of Bank Transfer BNI payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit BNI VA click on the toggle to enable the Bank Transfer BNI payment channel
  4. After it is enabled, your customer can see Bank Transfer BNI payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to our XenInvoice product and can see the payment number like image below:
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on Bank Transfer BRI

Here is the flow of Bank Transfer BRI payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit BRI VA click on the toggle to enable the Bank Transfer BRI payment channel
  4. After it is enabled, your customer can see Bank Transfer BRI payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to our XenInvoice product and can see the payment number like image below:
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on Bank Transfer Mandiri

Here is the flow of Bank Transfer Mandiri payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit Mandiri VA click on the toggle to enable the Bank Transfer Mandiri payment channel
  4. After it is enabled, your customer can see Bank Transfer Mandiri payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to our XenInvoice product and can see the payment number like image below:
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on Bank Transfer Permata

Here is the flow of Bank Transfer Permata payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit Permata VA click on the toggle to enable the Bank Transfer Permata payment channel
  4. After it is enabled, your customer can see Bank Transfer Permata payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to our XenInvoice product and can see the payment number like image below:
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on Credit Card

Here is the flow of Credit Card payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit - Credit Card click on the toggle to enable the Credit Card payment channel
  4. After it is enabled, your customer can see Credit Card payment channel in payment channel option before placing his order\ \ Note: If the Credit Card BIN for installments is already registered, when the end customer input the card number, there will be installment options visible.
  5. When placing order with clicking the place order button on your checkout page, your customer will be directed to our 3DS page to complete the 3DS
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on BRI Direct Debit

Here is the flow of BRI Direct Debit payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on General, ensure that currency is set to Indonesian rupiah (Rp)
  3. After that, click on Payments tab
  4. Find Xendit BRI Direct Debit, click on the toggle to enable the direct debit payment channel
  5. After it is enabled, your customer can see Direct Debit payment channel in payment channel option before placing his order
  6. When placing an order by clicking the place order button on your checkout page, your customer will be redirected to the invoice page.
  7. Fill in the required information and click Pay Now. Your customer will need to input the OTP number.
  8. Fill in the OTP. Once the payment is done, your customer will be directed to your order received page in WooCommerce

Payment Flow on BPI Direct Debit

Here is the flow of BPI Direct Debit payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on General, ensure that currency is set to Philippine Peso (PHP)
  3. After that, click on Payments tab
  4. Find Xendit BPI Direct Debit, click on the toggle to enable the direct debit payment channel
  5. After it is enabled, your customer can see Direct Debit payment channel in payment channel option before placing the order
  6. When placing an order by clicking the place order button on your checkout page, your customer will be redirected to the Invoice Page. Fill in the credentials needed.
  7. Click Pay Now and your customer will be redirected to the Money Bank page. Fill in the credentials and click Log In.
  8. Once it is successfully logged in, the OTP box will pop up.
  9. When the payment is done, your customer will be directed to your order received page in WooCommerce

Payment Flow on Kredivo

Here is the flow of Kredivo payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit Kredivo click on the toggle to enable the Kredivo payment channel
  4. After it is enabled, your customer can see Kredivo payment channel in payment channel option before placing his order
  5. When placing order by clicking the place order button on your checkout page, your customer will be directed to Kredivo payment page like below.
  6. When the payment is done or finished, your customer will be directed to your order received page in WooCommerce

Payment Flow on OVO

Here is the flow of OVO payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit OVO click on the toggle to enable the OVO payment channel
  4. After it is enabled, your customer can see OVO payment channel in payment channel option before placing his order
  5. When placing order with clicking the place order button on your checkout page, your customer will need to finish the payment on OVO app.
  6. When the payment is done or finished, your customer will be leaded to your order received page in WooCommerce

Payment Flow on ShopeePay

Here is the flow of ShopeePay payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payment tab
  3. Find Xendit ShopeePay click on the toggle to enable the ShopeePay payment channel
  4. After it is enabled, your customer can see ShopeePay in payment channel option before placing his order
  5. Clicking Place Order will direct the customer to the screen with the QR code of ShopeePay.
  6. When the payment is completed, your customer will be redirected to the order received page in WooCommerce

Payment Flow on QR Codes

Here is the flow of QRIS payment on WooCommerce:

  1. Go to WooCommerce admin dashboard and open WooCommerce Setting
  2. Click on Payments tab, and find Xendit QRIS, click on the toggle to enable the QRIS payment channel
  3. After it is enabled, your customer can see QRIS payment channel in payment channel option before placing his order
  4. When placing an order by clicking the place order button on your checkout page, your customer will see the QR codes
  5. When the payment is done, your customer will be directed to your order received page in WooCommerce