---
title: "Step 3: Send order details to Flex Pay"
slug: "step-3-send-order-details-to-flex-pay"
updated: 2026-03-16T18:29:30Z
published: 2026-03-16T18:29:30Z
canonical: "developer.upgrade.com/step-3-send-order-details-to-flex-pay"
---

> ## 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 3: Send order details to Flex Pay

## Overview

This is where your integration comes alive. You build an `OrderInfo` object with order details, call `window.Uplift.Payments.load(orderInfo)` once, and **every** `&lt;up-from-pricing&gt;` component on the page updates with the right offer automatically.

You focus on providing accurate order data. We handle the rest — batching API requests, distributing offers to components, and managing cache.

## What You Configure vs. What We Handle

| You do | We handle |
| --- | --- |
| Build the `OrderInfo` object with current order data | Batch pricing requests for all visible components |
| Call `load(orderInfo)` once per page load or order change | Distribute offers to each `&lt;up-from-pricing&gt;` instance |
| Keep `order_amount` in sync with displayed prices | Cache management and request deduplication |

## Integration Details

Define a function that returns an `OrderInfo` object with details relevant to your business vertical.

Use the [data schema](https://uplift-docs.document360.io/docs/high-level-schema-overview) that matches your industry.

`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": "20271223",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_apc": "JFK",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_time": "20271224",&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; "reservation_type": "pre_paid",&nbsp; &nbsp; &nbsp; &nbsp; "has_deposit": false,&nbsp; &nbsp; &nbsp; &nbsp; "number_of_rooms": 1,&nbsp; &nbsp; &nbsp; &nbsp; "room_type": "deluxe suite",&nbsp; &nbsp; &nbsp; &nbsp; "check_in": "20271224",&nbsp; &nbsp; &nbsp; &nbsp; "check_out": "20271225",&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": "Early Check-in",&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; "ship_code": "WAV",&nbsp; &nbsp; &nbsp; &nbsp; "embark_date": "20271205",&nbsp; &nbsp; &nbsp; &nbsp; "disembark_date": "20271201",&nbsp; &nbsp; &nbsp; &nbsp; "cruise_duration": 4,&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": "20271201",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_port": "FPO",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "arrival_date": "20271203"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ],&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; "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": "Internet Access",&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; &nbsp; "street_address": "1013 Weda Cir",&nbsp; &nbsp; &nbsp; "city": "Mayfield",&nbsp; &nbsp; &nbsp; "region": "KY",&nbsp; &nbsp; &nbsp; "postal_code": "99999",&nbsp; &nbsp; &nbsp; "phone": "5555554206",&nbsp; &nbsp; &nbsp; "email": "arthur@uplift.com"&nbsp; &nbsp; }, shipping_contact: {&nbsp; &nbsp; &nbsp; "first_name": "Emily",&nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; "date_of_birth": "02/07/1963",&nbsp; &nbsp; &nbsp; "street_address": "1013 ABC Street",&nbsp; &nbsp; &nbsp; "city": "Mayfield",&nbsp; &nbsp; &nbsp; "region": "KY",&nbsp; &nbsp; &nbsp; "postal_code": "42066",&nbsp; &nbsp; &nbsp; "phone": "5555554206",&nbsp; &nbsp; &nbsp; "email": "arthur@uplift.com"&nbsp; &nbsp; }, order_lines: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "name": "Electric Guitar",&nbsp; &nbsp; &nbsp; &nbsp; "sku": "1254865",&nbsp; &nbsp; &nbsp; &nbsp; "unit_price": 99900,&nbsp; &nbsp; &nbsp; &nbsp; "quantity": 1&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": 84900,&nbsp; &nbsp; &nbsp; &nbsp; "quantity": 1,&nbsp; &nbsp; &nbsp; &nbsp; "start_date": "20271201",&nbsp; &nbsp; &nbsp; &nbsp; "end_date": "20271202",&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": "Meet and Greet Experience",&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; "agency": "Car Rentals of Mayfield",&nbsp; &nbsp; &nbsp; &nbsp; "type": "2021 Toyota Camry",&nbsp; &nbsp; &nbsp; &nbsp; "unit_price": 84900,&nbsp; &nbsp; &nbsp; &nbsp; "quantity": 1,&nbsp; &nbsp; &nbsp; &nbsp; "start_date": "20271205",&nbsp; &nbsp; &nbsp; &nbsp; "end_date": "20271206",&nbsp; &nbsp; &nbsp; &nbsp; "pickup_location": {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "street_address": "1452 Rental Ave",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "city": "Mayfield",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "region": "KY",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "country": "US",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "postal_code": "99999"&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; "dropoff_location": {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "street_address": "1452 Rental Ave",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "city": "Mayfield",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "region": "KY",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "country": "US",&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": "Child Safety Seat",&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; ], passes_subscription: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; "purchase_site": "www.uplift.com",&nbsp; &nbsp; &nbsp; &nbsp; "name": "Uplift Music",&nbsp; &nbsp; &nbsp; &nbsp; "type": "annual",&nbsp; &nbsp; &nbsp; &nbsp; "renew": true,&nbsp; &nbsp; &nbsp; &nbsp; "upgraded": false,&nbsp; &nbsp; &nbsp; &nbsp; "unit_price": 99400,&nbsp; &nbsp; &nbsp; &nbsp; "quantity": 1,&nbsp; &nbsp; &nbsp; &nbsp; "expire_date": "20280907",&nbsp; &nbsp; &nbsp; &nbsp; "active_date": "20270907",&nbsp; &nbsp; &nbsp; &nbsp; "renew_date": "20280907",&nbsp; &nbsp; &nbsp; &nbsp; "recipients": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "id": "0",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "first_name": "Arthur",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "last_name": "Davis",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "date_of_birth": "04/07/1963"&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": "Extra Device",&nbsp; &nbsp; &nbsp; &nbsp; "price": 500&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ], order_amount: 99900 //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; }}`

  

📘 Order amounts must always be in **cents** (integer). Example: `$999.00` = `99900`.

📘 Refer to the full Order Object schema for all business verticals [here](https://uplift-docs.document360.io/docs/high-level-schema-overview) to learn about each attribute and ensure all mandatory fields are populated. For non-payment pages, leave unavailable attributes empty. For payment pages, all mandatory attributes must be populated.

### 1. Load Initial Offers

After defining `buildOrderInfo`, add it to `window.upReady` so offers appear as soon as the page loads:

`window.upReady = function() {&nbsp; initPayMonthly();&nbsp; var orderInfo = buildOrderInfo();&nbsp; window.Uplift.Payments.load(orderInfo);}`

⚠️ Call `load(orderInfo)` inside `window.upReady` for initial page load, and call it again whenever the user navigates to a new route or order details change.

### 2. Update Offers on Order Changes

When order data changes (new dates, different travelers, updated cart), rebuild the `OrderInfo` and call `load` again. One call updates every pricing component on the page:

`var orderInfo = buildOrderInfo();window.Uplift.Payments.load(orderInfo);`

⚠️ A **single** `load(orderInfo)` call refreshes all `&lt;up-from-pricing&gt;` components and Pay Monthly selectors on the page. Before calling `load`, make sure `orderInfo.order_amount` and any related values reflect the customer's current selection.

⚠️ Steps 4-6 are exclusive to **payment pages**. If you are working on a non-payment page, proceed to the [Enable User Interface Section](https://uplift-docs.document360.io/docs/from-pricing-and-information-modal-v2) to configure From Pricing components.

### How From Pricing Components Respond to `load()`

When you call `window.Uplift.Payments.load(orderInfo)`:

1. PaymentJS sends the order context to the internal bridge
2. The orchestrator collects all visible `&lt;up-from-pricing&gt;` components
3. Pricing requests are **batched** into efficient API calls
4. Offer responses are distributed to each component automatically
5. Components re-render with updated monthly pricing inside their Shadow DOM

You do not need to query the DOM, update individual nodes, or manage show/hide logic. The components handle their own visibility based on offer availability.

**Step-by-step Validation Guide (Recommended)**

1. Define a `buildOrderInfo` function with sample order data:

`function buildOrderInfo() {&nbsp; return { order_amount: 99900, //equivalent to $999.00 ⚠️ always use cents(integer)&nbsp; &nbsp; 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; &nbsp; ],&nbsp; &nbsp; air_reservations: [&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; trip_type: 'roundtrip',&nbsp; &nbsp; &nbsp; &nbsp; itinerary: [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; departure_apc: 'JFK',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arrival_apc: 'CUN',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; departure_time: '20270618'&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; departure_apc: 'CUN',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arrival_apc: 'JFK',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; departure_time: '20270624'&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ]&nbsp; }}`

📘 Refer to the [full Order Object schema](https://uplift-docs.document360.io/docs/high-level-schema-overview) for all verticals.
2. Update `window.upReady` from [Step 2](https://uplift-docs.document360.io/docs/step-2-initialize-flex-pay-payments-v2):

`window.upReady = function() {&nbsp; console.log("Look, up.js snippet is executing me!!!");&nbsp; initPayMonthly(); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //Initialize Uplift.Payments &nbsp; var orderInfo = buildOrderInfo(); &nbsp; &nbsp; &nbsp; &nbsp; //Build orderInfo Object&nbsp; console.log("The orderInfo object was created: ", orderInfo);&nbsp; window.Uplift.Payments.load(orderInfo); &nbsp; //Load Pay Monthly Offers}`
3. Refresh the page and check the console:

| What to check | Expected result |
| --- | --- |
| `OrderInfo` logged | Shows correct order details |
| `load(orderInfo)` executed | No errors |
| Response status | `OFFER_AVAILABLE` (for qualifying amounts) |

![DP-5](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/DP-5.png)
4. Inspect offer details in the Network tab for campaign-specific pricing information:

![DP-6](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/DP-6.png)

At this point, the SDK is loading, initialized, and serving offers. For **non-payment pages**, continue to the [Enable User Interface Section](https://uplift-docs.document360.io/docs/from-pricing-and-information-modal-v2) to configure `&lt;up-from-pricing&gt;` placements. For **payment pages**, continue to [Step 4: Define Callback Handler](https://uplift-docs.document360.io/docs/step-4-define-callback-handler-v2).