Add a pop-up checkout to your site

What is the pop-up checkout?

A pop-up checkout appears as a modal window when triggered. It allows customers to complete payment without navigating away from your main page, improving conversion rates.

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