---
title: "Suggested Reading Order"
slug: "suggested-reading-order"
updated: 2026-06-08T14:11:07Z
published: 2026-06-08T14:11:07Z
canonical: "developer.upgrade.com/suggested-reading-order"
---

> ## 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.

# Suggested Reading Order

This guide maps the recommended reading path through the Flex Pay SDK documentation. Follow each section in order for the smoothest integration experience.

---

## 1. Flex Pay SDK Integration Overview

Start here to understand the high-level architecture before beginning implementation.

| Page | What You Learn |
| --- | --- |
| [Integration Components](/v1/docs/api-integration-components) | Key building blocks of the Flex Pay SDK |
| [Integration Flow](/v1/docs/integration-flow-v2) | End-to-end sequence from script load to payment confirmation |
| [Technical Terminology](/v1/docs/technical-terminology-v2) | Definitions used throughout the documentation |

---

## 2. Enable SDK Integration

Core setup steps. Work through these sequentially since each step depends on the previous one.

| Step | Page | Purpose |
| --- | --- | --- |
| Step 1 | [Load Flex Pay payments](https://uplift-docs.document360.io/docs/step-1-load-flex-pay-payments-v2) | Add the `up.js` snippet and confirm `window.Uplift.Payments` is available |
| Step 2 | [Initialize Flex Pay payments](https://uplift-docs.document360.io/docs/step-2-initialize-flex-pay-payments-v2) | Configure locale, currency, and page context |
| Step 3 | [Send order details to Flex Pay](https://uplift-docs.document360.io/docs/step-3-send-order-details-to-flex-pay-v2) | Build and transmit the `OrderInfo` object |
| Step 4 | [Define callback handler](https://uplift-docs.document360.io/docs/step-4-define-callback-handler-v2) | Handle offer and token status changes (payment pages only) |
| Step 5 | [Setup Flex Pay iFrame](https://uplift-docs.document360.io/docs/step-5-setup-flex-pay-iframe-v2) | Embed the Flex Pay application iFrame (payment pages only) |
| Step 6 | [Receive payment](https://uplift-docs.document360.io/docs/step-6-receive-payment-v2) | Retrieve the token and process payment (payment pages only) |
| Step 7 | [QA Checklist](https://uplift-docs.document360.io/docs/step-7-qa-checklist-v2) | Verify your integration before going live |

Steps 1-3 apply to all pages. Steps 4-6 are exclusive to payment pages. Step 7 covers the full integration.

---

## 3. Enable User Interface

After the SDK is integrated, configure the on-page pricing UI.

| Page | Purpose |
| --- | --- |
| [From Pricing and Information Modal](https://uplift-docs.document360.io/docs/from-pricing-and-information-modal-v2) | Display "from $X/mo" pricing using the `<up-from-pricing>` component |
| [Pay Monthly Selectors](https://uplift-docs.document360.io/docs/pay-monthly-selectors-v2) | Add the Pay Monthly payment selector on payment pages |
| [From Pricing and Information Modal Configurations](https://uplift-docs.document360.io/docs/from-pricing-and-information-modal-configurations-v2) | Attribute reference and configuration options for From Pricing |

---

## 4. Additional Features to Increase Conversion

Optional capabilities that can be enabled after the core integration is complete.

| Page | Purpose |
| --- | --- |
| [Pre-Qualification Tool](https://uplift-docs.document360.io/docs/pre-qualification-tool-v2) | Let customers check eligibility before checkout |
| [Promotional Financing](https://uplift-docs.document360.io/docs/promotional-financing-v2) | Add 0% APR and other promotional messaging |
| [Campaign Targeting](https://uplift-docs.document360.io/docs/campaign-targeting-v2) | Target specific campaigns to customer segments |

---

## 5. Operational Reference

| Page | Purpose |
| --- | --- |
| [Partner Maintenance Checklist](https://uplift-docs.document360.io/docs/partner-maintenance-checklist-v2) | Ongoing maintenance tasks after launch |

---

## 6. Migration (if upgrading from V1)

If you have an existing V1 From Pricing integration using `data-up-*` nodes, start here.

| Page | Purpose |
| --- | --- |
| [From Pricing V2 Migration Guide](/v1/docs/from-pricing-v2-migration) | Step-by-step migration from V1 to V2 |
| From Pricing V1 Legacy Support | Legacy V1 reference, keep the whole v1 doc here for reference |