Prefill coupon codes on a checkout
In this help article, we'll show you how to share your checkout with a coupon code that's already applied.
Want to run a discount on a one-page checkout without sharing a promotion code? You can prefill coupon codes on checkout to apply the discount directly.
Payment links
It is easy to add a coupon to the URL using the query parameter coupon.
Let’s say you’d like to offer your customers 20% off their purchase using code 20OFF.
To do so, first, you need to create a coupon code.
Once you’ve created your coupon code, copy the URL of your checkout and add ?coupon={COUPON_CODE}
to the end of this URL.
To use the 20OFF code as in the example above, you need to add ?coupon=20OFF
to your URL.
That looks like this:
https://checkoutpage.co/c/checkoutpage/sponsor-the-podcast-10-episodes?coupon=20off
Pop-up checkouts
When using the pop-up checkout with a URL, you need to adjust the Link code to open pop up that you get from Checkout Page when adding your checkout to your site.
Make sure to create a coupon code first and then add ?coupon={COUPON_CODE}
to the end of the URL in your Link code to open pop up.
For example, to prefill the code 20OFF, add ?coupon=20OFF
to the end of the URL in your Link code.
Here’s what it looks like:
<a
href="{NEXT_PUBLIC_SITE_URL}/c/checkoutpage/sponsor-the-podcast-10-episodes?coupon=20OFF"
class="cp-button"
>
Buy now
</a>
Checkout embeds
To prefill the coupon code for checkout embeds, you need to adjust the URL in your Embed code. You can find this code by clicking on any checkout from your Checkout Page dashboard and then Share & embed.
Learn more about adding checkouts to your site here
First, you need to create a coupon code and then add ?coupon={COUPON_CODE}
to the end of the URL in your Embed code.
For example, to prefill the code 20OFF, add ?coupon=20OFF
to the end of the URL in your Embed code.
It looks like this:
<div class="cp-checkout" data-checkout="https://checkoutpage.co/c/checkoutpage/sponsor-the-podcast-10-episodes?coupon=20OFF" style="width: 100%; max-width: 480px;"></div>
<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>