Automatically apply discount codes in overlay checkout

You can now automatically apply a discount code when launching an overlay checkout from your website. This means if a guest taps a promotional button or CTA, the discount is already applied — no need to type anything in.

Whether you want to boost bookings with a “Buy More, Save More” offer or reward specific promotions, you can now pass a code like SUMMER25 directly through the overlay experience.

This helps increase conversion rates, reduces drop-off and ensures that your guests don’t miss out on deals you’re offering. To use it, your developer just needs to include the code when triggering the overlay checkout.

Create a discount code

You'll need to create or choose a discount code to add to the overlay. Check out Discount codes in ROLLER to see discount code options and learn how to create one.

Add a discount code to overlay checkout

Your dev team must modify the script tag used to load the overlay checkout. They inject the discount code using the RollerCheckout.show() method with the discountCode parameter.

Example:
onClick="RollerCheckout.show({ productId: '15292', date: '2025-08-20', discountCode: 'SUMMER25' })"