To go live, you need to configure CloudBeds settings as followed details.

1. Setup “Policies”: “Deposit“. You can configure any deposit you need but it could not be “Do not collect deposit payment…”.

2. Reservation status should be “Confirmation Pending” because new reservation must be “Pending Confirmation” then goes “Confirmed” after payment has been made. You can find more information about ‘Polices’ [here].

3. We are going to disable credit card form in Cloudbeds and switch to use 3rd-party credit card form. Go to Setup “Payment Options” – disable “Credit Card” in “Booking Engine”.

4. Due to 3rd-party payment gateway integration through “Bank Transfer” option, we need to enable “Bank Transfer” in “Booking Engine”.

5. Setup “Payment Options” – disable “PayPal” because we can choose only one payment option.

6. “ADD PAYMENT TYPE” then enter your payment gateway name. In this example, we try “2C2P”

7. For modern booking engine, you can setup “Customize the Booking Engine”: insert “Custom Meta Tags” and “Javascript” value from script below.

Modern Booking Engine – [Custom Meta Tags]

<style type="text/css">
:root {
  --mecx-label-icon: url('https://mecx-tech-com.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/01121703/credit-card-payment.svg');
}
</style>
<link rel="stylesheet" href="https://mecx-tech-com.s3.ap-southeast-1.amazonaws.com/css/mecx.rsvn.v250104e.css" />

Modern Booking Engine – [JavaScript] You can change Online Payments to your payment methods.

<script>
let mecx_book_now = "Book Now";
let mecx_continue = "Continue";
let mecx_pay_now = "Pay Now";
let mecx_pay_name = "Online Payments";
let mecx_pay_instructions = "You will be redirected to payment page after click 'Pay Now'.";
let mecx_pay_message = "Please wait a moment, we are now redirecting you to the payment process...";
</script>
<script type="text/javascript" src="https://mecx-tech-com.s3.ap-southeast-1.amazonaws.com/js/mecx.rsvn.v250104e.js"></script>

8. For classic booking engine, you can setup “Customize the Booking Engine”: insert “Custom Meta Tags” and “Javascript” value from script below.

Classic Booking Engine – [Custom Meta Tags] You can change Online Payments to your payment methods.

<style type="text/css">
:root {
--mecx-label-title: 'Online Payments';
--mecx-label-detail: 'You will be redirected to payment page after click "Pay Now".';
--mecx-button-title: 'Pay Now';
}
</style>
<link rel="stylesheet" href="https://mecx-tech-com.s3.ap-southeast-1.amazonaws.com/css/mecx.rsvn.v250104a.css" />

Classic Booking Engine – [Custom Meta Tags (Confirmation Page Only)] and JavaScript Code (Confirmation Page Only).

<script type="text/javascript" src="https://mecx-tech-com.s3.ap-southeast-1.amazonaws.com/js/mecx.rsvn.v250104a.js"></script>
<script>
let mecx_pay_message = "Please wait a moment, we are now redirecting you to the payment process...";
</script>

9. Setup “Email Template”: Edit “Pending Confirmation” email template to include the payment link.

10. Setup “Email Template”: checked on “Autofill All Languages” incase that you want to change all at once.

11. Put you hotel name in the box below to generate your hotel scripts.

Deposit Payment Link for “Pending Confirmation” email template. (Pay for deposit)

Deposit Payment Link for [conf number]: https://mecx-tech.com/hotel-name/rsvn/?reservation=[conf number]
Kindly note that we have blocked the rooms for your reservation and given within 1 hour of booking date thereof to settle. In case the online payment is not duly received within the specified validity, the reservation will be cancelled and automatically released. You are then required to re-book at the prevailing rates and availability.

Full Payment Link for [conf number]: https://mecx-tech.com/hotel-name/rsvn/?reservation=[conf number]-0

12. Setup “Email Template”: Insert the generated payment link.

13. Make the payment link clickable by hilight the payment link then click “LINK” icon in the menu to insert the link into templete.