|
/ Documentation /CartFlows/Instant Checkout/ CartFlows Instant Checkout

CartFlows Instant Checkout

CartFlows Pro includes a feature called Instant Checkout that lets shoppers buy a product straight from the product page, without ever leaving it. A Buy Now button appears next to your existing Add to Cart button, and clicking it opens the full checkout, order bumps and all, in a popup right there on the page.

The Instant Checkout popup open on a product page, showing the contact step with the order summary

This guide walks you through how Instant Checkout works, where you can turn it on, and what the experience looks like for your shoppers.

How Instant Checkout Works

When Instant Checkout is turned on for a funnel, CartFlows automatically adds a Buy Now button next to Add to Cart on that funnel’s product page. Nothing needs to be placed manually.

  • The shopper clicks Buy Now, and a checkout popup opens right on top of the product page. Their browsing cart is set aside for the moment, not lost.
  • Inside the popup, they move through checkout, review any order bumps, and pay, all without a single page reload.
  • If they close the popup without finishing, their original cart is restored exactly as it was. If they complete the order, the funnel’s upsell and downsell steps take over next, just like a normal CartFlows checkout.

Pricing shown in the popup is always calculated by your store, so shoppers are only ever charged what they were shown.

Where You Can Turn On Instant Checkout

You can turn on Instant Checkout in two places, depending on which products should get the Buy Now button:

You can use both together. To see which one CartFlows uses when both are set up, check Instant Checkout: Store Checkout vs. Assigning a Funnel to a Product.

Customizing the Popup

Wherever you turn it on, the Instant Checkout tab in the funnel settings lets you choose how the popup looks.

The Instant Checkout tab in Funnel Settings, showing the Enable Instant Checkout toggle, Popup Layout picker, Button Text field, Custom Logo uploader, and Design section
  • Popup Layout: pick Two Pane for the full three-step checkout (contact, address, payment) with the order summary alongside, or QuickBuy for a compact single-column popup with a two-step checkout and the order total in a fixed strip.
  • Button Text: reads “Buy Now” by default. Change it to match your store’s voice.
  • Custom Logo: shown inside the popup. Leave it empty to use your site’s logo, or your store’s initials if you don’t have one set.
  • Design: match the popup to your store, including the primary color, heading and text colors, background colors, and base font size.

The Instant Checkout Popup in Action

Once Instant Checkout is on, shoppers see the Buy Now button right next to Add to Cart on the product page.

A product page showing the Buy Now button next to the Add to Cart button

Clicking it opens the popup without leaving the page.

The Instant Checkout popup open on a product page, showing the contact step with the order summary

Any order bumps you’ve set up on the funnel’s checkout step appear in the popup too, including quantity controls and, for variable products, the usual size or color options.

An order bump inside the Instant Checkout popup

On Mobile Devices

The popup adjusts to fit smaller screens, keeping the same steps and order summary in a compact, full-width layout.

The Instant Checkout popup stacked full-width on a mobile screen

Working with Coupons

If you have Power Coupons installed, shoppers can enter a coupon code right inside the popup to apply any offers available to them, without leaving checkout.

Coupons applied inside the popup only apply to that purchase. If the shopper closes the popup without completing the order, their original cart and its own coupons come back untouched.

Frequently Asked Questions

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
Table of Contents