Pop-up Checkout allows you to display the checkout in a modal/pop-up window that appears on top of your page when a user clicks a button. This approach keeps users on the same page while still providing a focused checkout experience.
It is especially useful for funnels with upsells(OTOs), as it enables smoother transitions and supports one-click upsell functionality without requiring page redirects.
⚠️ Important Requirement Before Using This FeatureYou must inform our team and share your funnel details (including front-end and OTO pages) for review and wait for approval from our team before proceeding.
Do not send any live traffic until your setup has been reviewed and approved.Setup Popup Checkout:
i) Copy the code (HTML / JavaScript) and add it as an embed code.
How it works:
A button will appear on your sales page like this:
When a user clicks the button, the checkout opens as a pop-up on the page.
Adding Multiple Pop-up Checkouts:
You can use multiple Pop-up Checkouts on the same page, but this setup is only supported for front-end (FE) and standalone offers.
When adding multiple pop-up checkout buttons on a single page, the code setup needs to be handled carefully to avoid duplication issues.
Setup:
i) For the first button, copy and add the complete pop-up checkout code to your page as shown .
ii) For any additional buttons, only copy and add the button HTML code (do not include the full script again).
Important Points:
i) On front-end pages, you can use multiple pop-up checkouts.
ii) On OTO pages, only one pop-up checkout is supported.
iii) 1-Click Upsells (1CU) WILL work with pop-up checkout.
For setting up Pop-up Checkout specifically for upsells, refer to our detailed guide on Custom Checkout for OTOs (One-Click Upsells).
Please contact us if you have any questions or concerns at sellers@explodely.com.