Help center

Learn how to sell online with Checkout Page

Prefill coupon codes on a checkout

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.

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

image-f761.png

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.

image-fbc20d.png

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.

image-a3f0fb.png

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>

Have a question about
Checkout Page?

Start selling in minutes with our no-code checkout page builder.

Create branded, custom checkout pages and increase revenue with one-click upsells and order bumps.

Whether on your website or in your sales funnel, our simple checkout process boosts sales.

Use cases

2024 © Checkout Page LLC. All rights reserved.

8 The Green, Ste R, Dover, DE 19901