Explore

Payment Page

Scope:

Using this page user can select the mode of payment and do the payment to proceed with booking. This will be applicable for India as well as Middle East countries.

User Story:

As an Akbar travels user, I should be able to view and select list of payment method so that I can proceed with successful booking in order to book hotel.

Navigation: This page will be launched when user will tap Continue on Travelers Detail.

Designs: (Designer will create both designs and provide options to the client for suitable one)

⁠

Screen Fields(Payment Page)

Screen Fields(Payment Page)

Field

Field Type

Mandatory/Optional

Description

Select Payment Mode

Page Heading

This is the static text over the top of page for user to be confirmed about the type of page he is landed.

Combo field

Label

It will showcase previously entered criteria as follows:

Hotel Name

Hotel location,

country name

check-in/checkout date

No. of Guest and Rooms

Payment modes

Radio Button

The page will have different option for payment:

UPI

Credit Card

Debit Card

Net Banking

Credit Card EMI

Wallet

Google Pay

Apple Pay

Phone Pe

Exception:

When the user will be in Gulf countries, application payment options would be:

KWT: KNET do not save the card details card details will be collected on Payment gateway page

UAE/QAT/KSA- EMI option if amount is above 1000 units

KSA have MADA card/credit card

Rules:

Currency will be based on country’s base currency or the one which is selected from hamburger menu manually.

Total Amount

Text

Provide total payment rate applicable in that booking

Payment

CTA

CTA button to proceed with the user journey and land to selected payment mode screen

Rules and Validations:

Else, failure will redirect the user to the payment summary page so that user can select alternate payment method.

If the payment is successful, user will be redirected to the Booking Confirmation page with a notification sent to Email.

Promocode which is availed using a particular type of payment method will be verified at the backend.

In case the promocode is valid only on selected cards starting from a Bin Number, and the payment method is not valid according to Promocodes terms and conditions or user entered a invalid card number or entered a card number which is not received in the Promo response from backend, then a consent will be asked from the user to proceed with payment without any discount(promocode). Restriction message will be shown to the user.

There are no rows in this table

⁠

Acceptance Criteria:

Given I am a customer, When I click on View Details, Then the system will ensure that I can view the Hotel details along with refund policy.

Given I am a customer, When I apply a promocode, Then the system will ensure that: On applying the promocode, the payment breakup is revised as per discount. View a list of available promocodes to apply directly with the booking.

Given I am a customer, When I view the payment page, Then the system must ensure that:

I can select the appropriate payment method.

I am able to the save the payment credentials for the selected payment method

I am able to view the payment summary along with necessary fees in the form of a payment breakup

On clicking pay now button, I navigate to conduct the payment transaction.

If the payment is successful, I will navigate to the booking confirmation page with a notification sent to my Email/phone no.

If payment is unsuccessful, I will navigate to repayment page, from where I shall be able to retry the payment transaction or change the payment method

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.