Beans
ProductsPricingBlog
  • 🚀Getting Started
  • Members
    • Add a member
    • Adjust a member's balance
    • Deactivating a member
    • Import members
    • Custom fields
      • Custom fields on registration
  • rewards
    • Rules
      • Registration
      • Loyalty
      • Cart Booster
      • Facebook Page Like
      • Twitter Follow
      • Instagram Follow
      • Refer a friend
      • Accept referral Invitation
      • Inactivity
      • Celebration
      • Expiration
      • Birthday
    • Tiers
    • Display
      • Redemption block
    • Redemption
      • Redeem points
      • Pending Debits
      • Redemption rate
      • Redemption conditions
      • Buy products with points
      • Redemption issues
    • FAQ
      • How are loyalty revenues generated?
      • Adding Custom CSS
      • Disable checkout auto-redirect
      • Enrollment of customers in the rewards program
      • Why do rules have minimum points?
      • Loyalty points calculation
  • Referrals
    • Getting started
    • Rules
      • Accept Invitation
      • Successful Referral
    • Display
      • Link your referral page to your Shopify store.
      • Link your referral page to your Woocommerce store.
    • Conditions
    • Referrals
    • FAQ
      • Adding Custom CSS
      • Why registration is enforced for referrals.
      • Can Bamboo be used for affiliate marketing?
      • How to test Bamboo?
  • Emails
    • Rules
      • Loyalty â–¸ Welcome
      • Loyalty â–¸ Balance reminder
      • Loyalty â–¸ New transaction
      • Loyalty â–¸ Post-purchase invitation
      • Referral â–¸ Invitation
      • Referral â–¸ Referrer reward
      • Referral â–¸ Friend reward
    • Campaigns
    • Sender email
    • FAQ
      • Replacement tags
      • Sender address
      • Gmail's warning messages
      • Testing email notifications
  • More Apps
    • Social Connect
      • Display
    • Widget
      • Messages
  • INTEGRATIONS
    • Getting Started with Integrations
    • Shopify
      • Referencing Shopify pages
      • Enable customer accounts
      • Template Migration
      • Shopify OS 2.0
      • Using discount codes with redemption
      • Shopify POS
      • Shopify Limitations
      • Uninstallation
      • Shopify customers tags
    • Woocommerce
      • Account Synchronization
      • Referencing WooCommerce pages
      • Setting up permalinks
      • Edit Beans pages
      • Updating your shop domain
      • Manually Installing Beans
      • Reset and reconnect
      • Caching issues
      • Connection Issues
    • Facebook Integration
    • Judge.me Integration
    • Mailchimp Integration
    • Omnisend Integration
    • Sendinblue Integration
    • Weglot Integration
    • API
      • Webhooks
      • Storefront
  • Settings
    • General
    • App activation
    • Plan & Billing
      • Account Suspension
      • List of plans
      • Refund Policy
      • Supported currencies
    • Team access
    • Live Testing
  • FAQ
    • Limitations
    • Phone Support
    • Why is Beans better than the other options?
    • What will my customers see?
    • Can I reach an engineer to talk about technical issues?
    • POS Support
    • Security
    • Terms of Service
    • Privacy Policy
    • GDPR
Powered by GitBook
On this page
  • Custom theme
  • Overlay cart popup

Was this helpful?

  1. rewards
  2. Display

Redemption block

How to display the redemption block on the cart page, and how to solve display issues with the redeem button on your store.

PreviousDisplayNextRedemption

Last updated 2 years ago

Was this helpful?

By default, Beans will automatically append a redeem block on the cart and/or checkout page, so that customers can easily redeem their points during their purchase.

Custom theme

While Beans supports most themes out of the box, there are some instances where Beans JS will fail to locate the right placement for the redemption block. In those cases, the developer should help Beans scripts find out where the redemption button should be displayed.

Add the following HTML code wherever you want the redemption redemption button to be displayed. Add this tag in your cart page HTML body:

<div class="beans-cart"></div>

Tips: You can also manually add the redemption block container if you would like to change the redeem block position.

Overlay cart popup

Since most overlay cart popups are dynamic, it is hard for Beans to know where and when to display the redemption button. In those cases, there is no easy solution. If you can redirect customers to the cart page, we encourage you to do so, especially on platforms like Shopify where the redemption option cannot be displayed at Checkout. Alternatively, you can also make use of our Widget that will let customers redeem from any page on your online store.