---
title: "Step 4: Send trip details to Flex Pay"
slug: "step-4-send-trip-details-to-uplift"
updated: 2025-06-05T07:17:04Z
published: 2025-06-05T07:17:04Z
canonical: "developer.upgrade.com/step-4-send-trip-details-to-uplift"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://developer.upgrade.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Step 4: Send trip details to Flex Pay

### Integration Details

When on the payment page, before the agent can receive Flex Pay offers, we need to define a function that returns an TripInfo object that contains the order details to be sent to the Flex Pay platform for review.

An example of creating such an object can be found below. Use the data schema that is most appropriate for your business.

     `function buildOrderInfo() {&nbsp; return { travelers: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": 0,&nbsp; &nbsp; &nbsp; &nbsp; "first_name": "Arthur",&nbsp; &nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; &nbsp; "date_of_birth": "04/07/1963"&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], air_reservations: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "airline_name": "AI",&nbsp; &nbsp; &nbsp; &nbsp; "origin": "MIA",&nbsp; &nbsp; &nbsp; &nbsp; "destination": "JFK",&nbsp; &nbsp; &nbsp; &nbsp; "trip_type": "oneway",&nbsp; &nbsp; &nbsp; &nbsp; "itinerary": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "departure_apc": "MIA",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "departure_time": "20211223",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_apc": "JFK",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_time": "20211224",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "fare_class": "Economy",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "carrier_code": "NF"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ],&nbsp; &nbsp; &nbsp; &nbsp; "insurance": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "types": ["cancellation"],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "price": 10000&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], add_ons: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; "name": "Priority Boarding",&nbsp; &nbsp; &nbsp; &nbsp; "price": 5000&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], order_amount: 99900 //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; }}`  
`function buildOrderInfo() {&nbsp; return { travelers: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": 0,&nbsp; &nbsp; &nbsp; &nbsp; "first_name": "Arthur",&nbsp; &nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; &nbsp; "date_of_birth": "04/07/1963"&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], hotel_reservations: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "hotel_name": "Snooze Inn",&nbsp; &nbsp; &nbsp; &nbsp; "number_of_rooms": 1,&nbsp; &nbsp; &nbsp; &nbsp; "room_type": "deluxe suite",&nbsp; &nbsp; &nbsp; &nbsp; "check_in": "20211224",&nbsp; &nbsp; &nbsp; &nbsp; "check_out": "20211225",&nbsp; &nbsp; &nbsp; &nbsp; "insurance": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "types": ["cancellation"],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "price": 10000&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], add_ons: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; "name": "Priority Boarding",&nbsp; &nbsp; &nbsp; &nbsp; "price": 5000&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], order_amount: 99900 //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; }}`  
`function buildOrderInfo() {&nbsp; return { travelers: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": 0,&nbsp; &nbsp; &nbsp; &nbsp; "first_name": "Arthur",&nbsp; &nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; &nbsp; "date_of_birth": "04/07/1963"&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], cruise_reservations: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "cruise_line": "Wavy Cruise Lines",&nbsp; &nbsp; &nbsp; &nbsp; "itinerary": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "departure_port": "MIA",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "departure_date": "20211201",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_port": "FPO",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_date": "20211203"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ],&nbsp; &nbsp; &nbsp; &nbsp; "ship_code": "WAV",&nbsp; &nbsp; &nbsp; &nbsp; "rooms": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "cabin_type": "Balcony",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "state_room_type": "Junior Suite"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ],&nbsp; &nbsp; &nbsp; &nbsp; "embark_date": "20211205",&nbsp; &nbsp; &nbsp; &nbsp; "disembark_date": "20211201",&nbsp; &nbsp; &nbsp; &nbsp; "cruise_duration": 4,&nbsp; &nbsp; &nbsp; &nbsp; "insurance": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "types": ["cancellation"],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "price": 10000&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], add_ons: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; "name": "Priority Boarding",&nbsp; &nbsp; &nbsp; &nbsp; "price": 5000&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], order_amount: 99900 //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; }}`  
`function buildOrderInfo() {&nbsp; return { billing_contact: {&nbsp; &nbsp; &nbsp; "first_name": "Arthur",&nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; "date_of_birth": "04/07/1963"&nbsp; &nbsp; }, order_lines: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "name": "Electric Guitar",&nbsp; &nbsp; &nbsp; &nbsp; "sku": "1254865",&nbsp; &nbsp; &nbsp; &nbsp; "quantity": 1,&nbsp; &nbsp; &nbsp; &nbsp; "unit_price": 30000&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], order_amount: 99900 //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; }}`  
`function buildOrderInfo() {&nbsp; return { travelers: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": 0,&nbsp; &nbsp; &nbsp; &nbsp; "first_name": "Arthur",&nbsp; &nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; &nbsp; "date_of_birth": "04/07/1963"&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], event_tickets: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "event_name": "Mayfield's Annual Music Festival",&nbsp; &nbsp; &nbsp; &nbsp; "venue_name": "Events Park",&nbsp; &nbsp; &nbsp; &nbsp; "unit_price": 15000,&nbsp; &nbsp; &nbsp; &nbsp; "start_date": "20211201",&nbsp; &nbsp; &nbsp; &nbsp; "end_date": "20211202",&nbsp; &nbsp; &nbsp; &nbsp; "quantity": 1,&nbsp; &nbsp; &nbsp; &nbsp; "insurance": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "types": ["cancellation"],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "price": 10000&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], add_ons: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; "name": "Priority Boarding",&nbsp; &nbsp; &nbsp; &nbsp; "price": 5000&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], order_amount: 99900 //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; }}`  
`function buildOrderInfo() {&nbsp; return { travelers: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": 0,&nbsp; &nbsp; &nbsp; &nbsp; "first_name": "Arthur",&nbsp; &nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; &nbsp; "date_of_birth": "04/07/1963"&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], rentals: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "type": "2021 Toyota Camry",&nbsp; &nbsp; &nbsp; &nbsp; "unit_price": 1200000,&nbsp; &nbsp; &nbsp; &nbsp; "quantity": 1,&nbsp; &nbsp; &nbsp; &nbsp; "start_date": "20211205",&nbsp; &nbsp; &nbsp; &nbsp; "end_date": "20211206",&nbsp; &nbsp; &nbsp; &nbsp; "agency": "Car Rentals of Mayfield", &nbsp; &nbsp; &nbsp; &nbsp; "pickup_location: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "country": "US",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "region": "KY",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "city": "Mayfield",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "street_address": "1452 Rental Ave",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "postal_code": "99999"&nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; "dropoff_location: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "country": "US",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "region": "KY",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "city": "Mayfield",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "street_address": "1452 Rental Ave",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "postal_code": "99999"&nbsp; &nbsp; &nbsp; &nbsp; }, &nbsp; &nbsp; &nbsp; &nbsp; "insurance": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "types": ["cancellation"],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "price": 10000&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], add_ons: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; "name": "Priority Boarding",&nbsp; &nbsp; &nbsp; &nbsp; "price": 5000&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], order_amount: 99900 //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; }}`

📘 Note that the order amount must be expressed in cents (integer).

📘 Refer to the full Order Object schema for all business verticals [here](/v1/docs/high-level-schema-overview) to learn about each attribute and ensure all mandatory field are populated.

### Creating a Trip

Now that we have defined our TripInfo object, we will be creating a trip object with a tripId by sending this information to the Flex Pay platform as shown below.

`// call createTrip after calling init()window.Uplift.Agent.createTrip(buildTripInfo());&nbsp;`

⚠️ Once the agent shares the offer with the client, a response will be generated in the callback handler defined in [step 3](/v1/docs/step-3-define-callback-handler), with the response object containing `tripId` as the identifier to differentiate between different trips. Make sure to **STORE** this as following methods will require this identifier.

Update unsent offers📘 If the trip info changes and the offer hasn't been sent, a **new** **trip** must be created. New trips should only be created when necessary.

### Updating a Trip

⚠️ Only available when the offer is sentThe following method is exclusively applicable to trips for which an offer has already been sent to the customer.

A trip object might require modifications after it has been created and sent to the customer, for example a customer changing their trip dates. In such a case, the following method should be used to update an existing trip object.

`window.Uplift.Agent.updateTrip(&nbsp; tripId: String, &nbsp; &nbsp; // the Uplift tripId persisted by your system (required)&nbsp; tripInfo: Object, &nbsp; // the tripInfo object (required));`

📘 Some important things to note are:

- Every time there is a change in the `tripInfo`, the updated information should be sent to Flex Pay using `window.Uplift.Agent.createTrip` or `window.Uplift.Agent.updateTrip` depending on if it’s a new trip or updating existing trip.
- `window.Uplift.Agent.createTrip` will not send any traveler details on network requests unless an offer has been sent.
- `window.Uplift.Agent.updateTrip` will need to send full `tripInfo` once an offer is sent to sync the iFrame (Flex Pay Application Modal) in real-time.

⚠️ Note that we will add more elements to this function in the following steps and additional components to enable this integration (and if you test at this point, it may result in an error due to missing components mentioned in following steps).