Add a pop-up checkout to your site

In this help article, you’ll learn how to add a pop-up checkout directly on your website. By opening the checkout in a pop-up overlay, customers can complete their purchases without leaving your web page, creating a more checkout experience.

What is the pop-up checkout?

The pop-up checkout (sometimes called a payment pop-up) is a modal window that appears on your website, allowing visitors to buy your products without leaving your web page.

How do I add a pop-up checkout?

1. To add a checkout pop-up to your site, copy and paste our embed code. Here’s how:
2. Enter the Edit view of your page.
3. Click Share & embed.
4. Select Add to website.
5. Choose Checkout pop-up.
6. Add the first script to the header of your website.
7. Add the link that triggers the pop-up to your web page.
8. You can trigger the pop-up checkout with either a link or a button. Make sure this link or button has the class cp-button for it to work.
9. For an upsell flow to work, the initial purchase should happen on the same domain as the upsell. You also need to set up a custom domain to host your checkouts as a subdomain of your main site - e.g. if your site is example.com, use pay.example.com

Click here to learn how to share your page via a link

Click here to learn how to embed your page on a site

Click here to learn how to share your page by QR code