The Post-Purchase Offer Page Editor is where you configure the settings for the product you want to be used as the post-purchase upsell/downsell offer, any discount or extra shipping you'd like applied to your offer as well as the overall content and appearance of the post-purchase offer page that is presented to your customers.

To access the offer page editor for a post-purchase offer you've added to a funnel:

The Post-Purchase offer page editor is designed to be intuitive and easy to use so you can start making offers in no time! It is organized into two main sections; Main Offer and Content Blocks

The Main Offer is comprised of the following sections:

Use the options in the "Display Offer" tab to customize your offer display based on conditions and easily manage subscription settings for purchased products.

◼️ Hide offer if upsell product is purchased at Checkout:
This is a conditional setting telling this offer page to not show if the customer has already purchased the same item at checkout. If you enable this setting, you will also have 2 different Quantity conditions available to choose from:

◼️ Hide offer if order has subscription products:
This is a conditional setting telling this offer page to not show if the customer has purchased any subscription product(s) at checkout.

If the offer product is a supported "One-time and Subscription" product, then the following additional options will also be available:

◼️ Allow subscription option:
​ For a product that has both "One-time and Subscription" options, enable this toggle to allow the offer product to be purchased as a subscription. Enabled by default for "subscription only" products.

◼️ Offer subscription only, if product initially purchased as a one-time:
If the product has both "One-time and Subscription" options, enabling this toggle will offer only the subscription option as the upsell.

In the Incentive tab, you can enable or disable a Full Width layout and the Countdown Timer, with time limit options of 3, 5, or 10 minutes:

To edit the post-purchase offer (variants, hero section, discount, shipping, etc.) open the Buy Box tab in the sidebar:

There you can set the following for your offer:

◼️ Star Rating: Toggle the "Star Rating" element on/off to show a star rating below the product title. The Star Value (1 - 5) can be adjusted from the sidebar to match your product rating:

The "Filled Star Color" setting offers a selection of preset colors for styling the star rating element:

There is also a "Star Rating Text" toggle that can be enabled to add additional text next to the star value:

◼️ Variants: Choose which variant(s) of the product you want to offer.

​Autoselect variant: When enabled, the product's first variant will be autoselected if it has multiple variants. When disabled, no variant will be autoselected. The customer will need to manually select a variant on the live offer page.

◼️ Hero Section: Choose the image setting you'd like used for the product. Options available are:

With the "Image Carousel" option, you're able to choose which images you want used in the carousel via the "Media Gallery" button:

◼️ Discount: Choose the Discount you'd like to offer. 4 options are available:

◼️ Savings Label: When a discount is active, turn on this setting to display a savings label that clearly communicates the offer to your customers.
​

​Savings Label Decorator:

The savings label includes a text field (limited to 30 characters), bold styling, and a set of preset color options to choose from.

◼️ Shipping: Choose whether or not to charge extra shipping for the offer. The options available are Free Shipping or Charge for Shipping.

If "Free Shipping" is chosen, it's recommended to enable the "Hide shipping line if shipping amount is 0.00" setting, to hide the Shipping line from showing altogether. Otherwise, some customers may get confused and think they are receiving free shipping for the entire order, instead of only for the particular upsell offer.

If "Charge for Shipping" is chosen, then the following options become available:

*Shipping Rate Title example on Order details in Shopify admin:

◼️ Predefined Quantity:

Use the "Predefined Quantity" setting to pre-set the quantity you'd like offered instead of the default (1 unit). If enabled, the customer won't be able to change the quantity set by you on the offer page.
​📝Helpful for making bundle/multi-pack offers.

◼️ Hide Quantity Selector:

Enable this setting if you don't want the Quantity selector to be shown or used for the page.
​📝Enable it if you predefine the quantity to > 1 unit.

◼️ Payment Disclaimer: Enable this setting to add a text field below the "Pay now" button to further inform your customers about payment for the offer. Default text is: "You will be charged immediately"

The text can be edited by clicking on the element in the builder. A maximum of 50 characters can be added

◼️ Unique Selling Proposition (USP) Text & Image: Enable the USP Text and/or USP Image toggles to add additional elements below the "Decline offer" button:

USP Text is editable by clicking directly on the element in the builder:

USP Image can be changed to a different one by clicking the 🗑️ icon to delete it, then on the "Choose Image" button to upload a new one from your computer. Recommended image size is 435 x 56 px.

Content Blocks let you build custom post-purchase page layouts using flexible elements like text, images, dividers, timers, and buy boxes. Add and arrange as many blocks as you need to match your offer and brand.

Current available block types include:

The "Text and Image" block is perfect for adding visually engaging left/right content to your post-purchase offer page. You can configure the following:

A "Countdown Timer" block adds urgency to your post-purchase offer, encouraging customers to take action before the deal expires. It’s a proven way to increase conversions by creating a sense of limited-time opportunity. You can configure the following:

You can perform the following actions with added content blocks:

To edit text content, just hover over a text element in the editor. When you see the blue highlight simply click to edit that specific element using the handy inline text editor:

To import your product description from Shopify into the product description field, click on the description and then on the "Import product description from Shopify" button in the text editor toolbar:

Similarly, click on any section in the left sidebar menu to open the corresponding section of the page for editing.

Shortcodes are dynamic variables that can be used to display certain text in your page content. The following shortcodes work for the text content within any editable text field of the post-purchase offer editor:

An "AI Writing" functionality is available in the inline text editor for the Product Description and Content 1 and 2 sections:

This is an advanced feature that harnesses the power of AI to generate compelling and engaging product description and content copy for your offers. With the AI Writing functionality, you can effortlessly produce high-quality copy that resonates with your audience, effectively captures their attention, and motivates them to buy.

Just click on the "AI Writing" button to open the generator where you can choose the Tone (1), enter a Prompt (2) and then click the "Generate" button (3) to generate the copy:

📝 You can also check the "Reference Content" checkbox if you'd like the generated copy to reference the page content when generating the response. A maximum of 1,000 characters can be entered into the prompt field at a time.

After the initial response has been generated, you can ask the AI to:

The "Advanced Shipping Rates" feature gives the ability to set different shipping rates for different countries or groups of countries (shipping zones) for the post-purchase offer.

Click the "Advanced Shipping Rates" button to open a popup where you can add additional country-specific rates. There you can see the default shipping rate (1) and a ➕ button (2).

Click the ➕ button and a new shipping rate section will appear where you can add an additional rate. A delete rate button (1), a searchable "Select Country(s)" dropdown menu (2) and a rate input field (3) will be available for each new section added:

The country selector allows for selecting individual countries one by one or entire continents (Europe, Asia, etc) so an entire batch of countries can be selected at once:

If needed, you can delete the shipping rate (1) or a specific country within the shipping rate you've added (2).

Don't forget to click the Save button save your shipping rates and to exit the "Advanced Shipping Rates" popup:

Because the one click post-purchase upsell offer is designed to be a continuation of the Checkout process, styles for the page (text color, font family, page background color, button color), etc. will all be inherited from your Shopify Checkout page automatically.

Those styles can be found in your Theme Editor by going to Online Stores > Themes > Customize > Theme settings > Checkout and new customer accounts (at the top of the page) in your Shopify admin.

For other element styles that will also be inherited, refer to the Page Styles Inheritance table below:

The Header on the offer page(s) will be inherited from the Checkout section of the Shopify Theme Editor as well. The header will be displayed on the View mode and Preview on Store, but won’t be displayed in the in-app Editor.

The Footer on the offer page(s) will be inherited in the Checkout section of the Shopify Theme Editor as well. The footer will be displayed on the View mode and Preview on Store, but won’t be displayed in the in-app Editor.

The post-purchase offer page editor has built-in preview modes for Desktop/Tablet/Mobile, so you can see how your offer will be displayed on all different devices.

Once you're done previewing, click the " < Back To Editor" link to continue editing.

There is also a "Preview on Store" button you can click to see a URL Preview of your offer page opened in a new window. This is the best way to view how your offer page will actually be presented in most cases.

You can also share this preview URL with your designer or anyone else you'd like so they can view the preview and give editing tips and suggestions for improvement:

The preview URL will look like this for example:

https://www.your-store.com/apps/oneclickupsell/previews/offer/post_purchase?id=123
​

Once you've completed editing your offer and the page to your liking, don't forget to click the "Save" button to save your changes:

If this button is not clicked before exiting the editing session (or refreshing the page) then your work will not be saved and you will need to redo it.

If you're happy with the offer page you've just created and want to have it be the default for new offer pages added to funnels, click the "Save as Default" button and the current page will be the new default:

Below is the list of all settings that are saved/not saved to defaults:

Please reach out to us in chat if you have any questions at all!