How to connect Xendit

  1. Connect the Xendit app in Cloudbeds Marketplace by following these instructions: Marketplace - How to Connect an App to Cloudbeds PMS.

How to Connect Xendit EN Step 1.png

  1. You will be redirected to the Cloudbeds consent page, click Allow access.

How to Connect Xendit EN Step 2.png

  1. You will be redirected to the Xendit consent page. Click Allow, and you will be redirected back to Cloudbeds.

How to Connect Xendit EN Step 3.png

  1. Xendit should be automatically displayed in Payments > Payment Options > Additional and Custom Payment Methods.

How to Connect Xendit EN Step 4.png

 Depending on the Booking Engine version you use, follow steps 5 and 6 described below.

  1. Go to AccountAccount menu icon.pngSettings PageSettings icon.pngGuests Guests icon.pngand click on Custom Fields to make sure you can find is_xendit under Custom Field Name 

How to Connect Xendit EN Step 5.png

  1. Go to Booking Engine → Customize. Copy and paste this CSS & JS into the booking engine header:
<link rel="stylesheet" href="https://tpi-assets.xendit.co/cloudbeds/css/checkout.min.css" />
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src="https://tpi-assets.xendit.co/cloudbeds/js/checkout.min.js"></script>

Continue with step 7 below.

  1. Go to AccountAccount menu icon.pngSettings PageSettings icon.pngGuests Guests icon.pngCustom Fields tab and delete is_xendit from the table

  1. Go to Booking Engine → Customize to:
  • Copy and paste this CSS CDN in Custom Meta Tags input:
<link rel="stylesheet" href="https://tpi-assets.xendit.co/cloudbeds/css/checkout-v3.min.css" />
  • Copy this Javascript CDN in JavaScript input:
<script src="https://tpi-assets.xendit.co/cloudbeds/js/checkout-v3.min.js" type="text/javascript"> </script>

Continue with step 7 below.

 Limitation:

Cloudbeds Booking Page V3 can only accept one payment method. In this case, the Xendit payment method should be the only channel option on the checkout page. Please refrain from using other integrations for payment providers.

  1. Go to PaymentsPayment OptionsBank Transfer, and toggle the switch to activate the payment method.

How to Connect Xendit EN Step 7.png

  1. Go to PropertyPoliciesConfirmation Pending, then change What status should direct reservations have by default? to Confirmation Pending.

How to Connect Xendit EN Step 8.png

  1. Test Xendit checkout by going to Booking EngineSummary → click your Booking Page link.

How to Connect Xendit EN Step 9.png

  1. Online Payments via Xendit should be displayed under Payment Method in the checkout page.

How to Connect Xendit EN Step 10.png

  1. Click Pay Now and you will be redirected to the Xendit payment page.

How to Connect Xendit EN Step 11.png

Additional Settings

Changing deposit amount

You can change the default deposit amount to charge your customer.

  • Here's how the deposit amount looks like on the Cloudbeds checkout page:

How to Connect Xendit EN Step Change deposit amount 1.png

  • Here's how the deposit amount looks on the Xendit checkout page:

How to Connect Xendit EN Step Change deposit amount 2.png

Voiding Transactions in Cloudbeds

  • If you made a transaction by mistake, you might want to void it.

Check how to do it here.

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.