Redemption behavior

Configure what happens after customers apply discount codes or redeem free gifts in your loyalty program.

This feature is available for All plans.

What is Redemption Behavior

Redemption Behavior lets you control what happens when customers apply discounts or redeem free gifts in your loyalty program.

There are two triggers you can configure:

• Trigger: Apply discount — What happens after a customer applies a discount code (e.g., stay on page, go to cart, or open cart drawer)

• Trigger: After customer redeem free gift — What happens after a customer redeems a free gift reward (e.g., manually add to cart, auto add, or auto add and open cart drawer)

These settings work across all areas of your loyalty program:

• The loyalty widget (both V2 and V3)

• The loyalty page

• Redeeming blocks

• My rewards blocks

• Ways to redeem blocks

• Dashboard blocks

By configuring these settings, you can create a smoother shopping experience that encourages customers to continue browsing your store even after redeeming a reward, potentially increasing cart value and improving conversion rates.

Requirements before using this feature

Before using Redemption Behavior, you should:

1. Have an active Joy Loyalty program set up on your Shopify store

2. Have at least one reward that customers can redeem (discount code or free gift)

3. If you plan to use a cart drawer option, you'll need to know the CSS selector for your theme's cart drawer button

Why you should use Redemption Behavior

When customers redeem rewards, the default experience may not match your store's shopping flow. For example, redirecting customers to the cart page right away can feel like pressuring them to check out immediately — preventing them from adding more items and reducing your average order value.

For free gift programs, requiring customers to manually add the gift to their cart adds unnecessary friction. Choosing the right behavior for each action helps you create a seamless redemption experience.

Configuring Redemption Behavior

Access Redemption Behavior

1. From your Shopify admin, go to Apps

2. Click on Joy Loyalty

3. In the Joy Loyalty dashboard, click Settings in the left navigation

4. Select the General tab

5. Scroll down to find the Redemption Behavior card

Choose what happens when customers apply discounts

In the Redemption Behavior section, you'll see options for controlling what happens after customers apply a discount code:

1

Option 1: Stay on the current page

This option keeps customers on the same page after applying a discount code. The discount is still added to their cart, and a success message appears, but they aren't redirected anywhere.

1. Under "Trigger: Apply discount," select Stay on current page

2. Click Save

This is ideal for merchants who want to encourage customers to continue browsing and potentially add more items to their cart after redeeming a discount.

2

Option 2: Go to the cart page

This is the default option. When selected, customers are redirected to the cart page after applying a discount code.

1. Under "Trigger: Apply discount," select Go to cart page

2. Click Save

This option works well if you want customers to immediately review their cart and proceed to checkout after applying a discount.

3

Option 3: Show cart drawer

This option opens your store's cart drawer/sidebar after a customer applies a discount code, allowing them to see their updated cart without leaving the current page.

1. Under "Trigger: Apply discount," select Show cart drawer

2. In the "Cart drawer button selector" field, enter the CSS selector that your theme uses for the cart button or icon

   • For example: #cart-icon-bubble

3. Click Save

The cart drawer selector is the ID of your theme's cart button element (always starts with #). If you're unsure what selector to use, you can:

• Check your theme documentation

• Ask your theme developer

• Inspect the cart button element using your browser's developer tools

4

How to find and add "Cart drawer button selector"

Choose what happens when customers redeem a free gift

In the same Redemption Behavior section, you'll find options for controlling what happens after a customer redeems a free gift reward:

1

Option 1: Customer manually adds to cart

The customer redeems the free gift and receives a coupon code. They need to manually add the free gift product to their cart themselves.

1. Under "Trigger: After customer redeem free gift," select Customer manually adds to cart

2. Click Save

This gives customers full control over when they add the gift to their cart.

2

Option 2: Auto add to cart

The free gift product is automatically added to the customer's cart when they redeem. A confirmation modal shows the coupon details.

1. Under "Trigger: After customer redeem free gift," select Auto add to cart

2. Click Save

This reduces friction by adding the gift automatically, while still showing the coupon information to the customer.

3

Option 3: Auto add to cart and immediately open cart drawer (Recommended)

The free gift product is automatically added to the customer's cart and the cart drawer opens immediately — no extra clicks needed. The customer sees the gift already in their cart right away.

1. Under "Trigger: After customer redeem free gift," select Auto add to cart and immediately open cart drawer

2. In the "Cart drawer button selector" field, enter the CSS selector that your theme uses for the cart button or icon. It's the same CSS selector as in the video guide above

   • For example: #cart-icon-bubble

3. Click Save

This is the recommended option. It provides the smoothest experience — customers redeem and instantly see the gift in their cart without any intermediate steps.

The cart drawer selector is the ID of your theme's cart button element (always starts with #). If you're unsure what selector to use, you can:

• Check your theme documentation

• Ask your theme developer

• Inspect the cart button element using your browser's developer tools

• Contact our support team — we're happy to help you find the right selector

If you already entered a cart drawer selector for the "Apply discount" trigger, the same selector will be automatically filled in here. You can override it if your store uses a different selector for the cart drawer in different contexts.

Testing your settings

After configuring your Redemption Behavior, test both triggers to make sure they work as expected:

For Apply discount:

1. Visit your store as a customer

2. Sign in to your loyalty account

3. Redeem points for a discount code

4. Apply the discount and check that the behavior matches your setting

For Free gift redemption:

1. Visit your store as a customer

2. Sign in to your loyalty account

3. Redeem points for a free gift reward

4. Check that the gift is added to your cart and the post-redeem behavior matches your setting

FAQs

Will these settings affect all discount codes in my store?

No, these settings only apply to discount codes and free gifts that customers redeem through your Joy Loyalty program. They won't affect other discount codes applied manually or from other apps.

What happens if I select a cart drawer option but don't provide a selector?

If you don't provide a valid cart drawer selector, the system will fall back to keeping customers on the current page when they apply a discount, or showing the coupon confirmation modal for free gifts.

Can I have different settings for different parts of my loyalty program?

Currently, the Redemption Behavior apply globally to all areas of your loyalty program where customers can redeem rewards.

Can customers still go to their cart after applying a discount if I select "Stay on current page"?

Yes, customers can still navigate to their cart manually using your store's regular cart button or icon.

What if my theme doesn't have a cart drawer?

If your theme doesn't have a cart drawer feature, choose "Stay on current page" or "Go to cart page" for discounts, and "Customer manually adds to cart" or "Auto add to cart" for free gifts.

Do the two triggers share the same cart drawer selector?

When you enter a selector in one trigger, it auto-fills the other trigger if that field is empty. You can override each one independently if needed.