Pre-Checkout Offer is displayed on the Checkout page when the visitor or user clicks on the Place Order button.
This helps you to Offer a product before even starting the checkout process. The Pre-Checkout upsell offer does not have any restrictions from the payment gateways i:e it works with most of all the payment gateways that are available on the checkout page.
Let's see how to enable this feature.
Step 1: Navigate to CartFlows ( WordPress Dashboard ) > Flows > your_flow > Edit the Checkout Page -> Navigate to Checkout Offer tab -> enable the Enable Checkout Offer option > select your product under Select Product option.
You can also change the other options/setting in the checkout offer below for further customizations.
Step 2: Visit the Checkout Page on the frontend. After filling the details there, now when you click on Proceed to Checkout an offer popup will be displayed.
Like the following screenshot –
Note: It will work with almost all WooCommerce payment gateways.