--- title: "Flex Pay 'From Pricing' Messaging App" slug: "flex-pay-pay-now-pay-later-messaging" updated: 2026-05-06T19:10:26Z published: 2026-05-06T19:10:26Z canonical: "developer.upgrade.com/flex-pay-pay-now-pay-later-messaging" --- > ## 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. # Flex Pay 'From Pricing' Messaging App The **Flex Pay ‘From Pricing’ Messaging App** enables Flex Pay placements on your Product, Collection and Cart pages to help increase Flex Pay awareness throughout the entire purchase flow of your website. The Flex Pay ‘**From Pricing**’ consists of the following components: - ***‘from $X/mo***’ placements - **Info Icon** - **Flex Pay Infomodal** The **Flex Pay 'From Pricing' Messaging App** is configured in the ‘**Theme Editor**’ section of your Shopify Dashboard > [!WARNING] > WARNING: Before adding our Flex Pay | Pay Now, Pay Later Messaging app, you must first install our Flex Pay app to your Shopify Store ## Installing on Product Pages 1. In your theme editor, navigate to the ‘**Products**’ page ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image-1776797867757.png) 1. After landing on your Product page, hover your mouse under ‘Price’ on the left sidebar. 1. When a plus sign appears, click **ADD BLOCK** 2. Select ‘**APPS’** and then select ‘**FLEX PAY PRODUCT’** ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/Screenshot 2026-04-21 at 3.03.40 PM.png) 1. Once added, the **Flex Pay ‘From Pricing’ Messaging** should be displayed directly below the item price for all Product Pages ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/Shopify Messaging.png) ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image-1776799324415.png) > [!NOTE] > Please Note: > > - The ‘From Pricing’ messaging text align can be adjusted to **Left**, **Center** or **Right** > - The default **Minimum Price Value$** and **Maximum Price Value$** displayed relate to the minimum/maximum amounts that Flex Pay can support for your orders > - The Price Range for displaying ‘From Pricing’ Messaging can be adjusted if desired, and will be applied to all of your product pages 1. Hit **SAVE** on your **Theme Editor** in the top right corner to enable this across all of your product pages ## Installing on Collection Pages 1. In your theme editor, navigate to the ‘**Collections**’ page ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image-1776799602789.png) 1. After landing on your Collections page, hover your mouse under ‘**Product Grid**’ on the left sidebar 1. When a plus sign appears, click **ADD BLOCK** 2. Select ‘**APPS’** and then select ‘**FLEX PAY COLLECTION’** ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image-1776799753141.png) 1. When added, the **Flex Pay ‘From Pricing’ Messaging** should be displayed directly below the item price for all products under the Collections view ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/Shopify- Collections Page View .png) > [!NOTE] > Please Note: > > - The ‘From Pricing’ messaging text align can be adjusted to **Left**, **Center** or **Right** > - The default **Minimum Price Value$** and **Maximum Price Value$** displayed relate to the minimum/maximum amounts that Flex Pay can support for your orders > - The Price Range for displaying ‘From Pricing’ Messaging can be adjusted if desired, and will be applied to all of your pages 1. Hit **SAVE** on your **Theme Editor** in the top right corner to enable this across all of your collection pages ## Installing on Cart Page 1. In your theme editor, navigate to the ‘**Cart**’ page ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image-1776800072072.png) 1. Navigate to ‘**Subtotal’** on the left sidebar and expand the section 1. When a plus sign appears, click **ADD BLOCK** 2. Select ‘**APPS’** and then select ‘**FLEX PAY CART’** ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image-1776800198747.png) 1. When added, the **Flex Pay ‘From Pricing’ Messaging** should be displayed directly below the Subtotal Price in the Cart View ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image-1776800334562.png) > [!NOTE] > Please Note: > > - The ‘From Pricing’ Messaging text align can be adjusted to **Left**, **Center** or **Right** > - The default **Minimum Price Value$** and **Maximum Price Value$** displayed relate to the minimum/maximum amounts that Flex Pay can support for your orders > - The Price Range for displaying Promotional Messaging can be adjusted if desired, and will be applied to all of your pages > - **The Flex Pay ‘From Pricing’ Messaging is dynamic** > - If a user increases or decreases the quantity of a given item, the **$x/mo** messaging will update dynamically to reflect the updated total price 1. Hit **SAVE** on your **Theme Editor** in the top right corner to enable this on your Cart page ## Promotional Campaign Messaging If your store has an active Flex Pay Promotional Financing Campaign, the Flex Pay ‘From Pricing’ messaging will also display an additional promotional financing message underneath the ‘**or from $x/mo**’ placement. No additional configuration is required to display the promotional financing messaging, as our app will dynamically display this copy line when a promotional campaign is active. ![](https://cdn.document360.io/ff52d920-99b4-4c2b-9b32-5d5fe9700cb0/Images/Documentation/image(26).png)