This guide explains how to set up labels and a redemption section for your Shopify store's cart page using the Webplanex Rewards Wallet app. This allows customers to see their eligible rewards and redeem them directly during checkout.
Important Note:(Label will only appear if rewards are available)
1.Go to the Webplanex Loyalty Wallet App
2.Navigate to Theme Elements
3.Click on“Redeem Rewards Option on Cart” ,Also Here, you can customize the Redeem button color
Enable the Switch: Once you're happy with the labels, button appearance, and content, activate the switch to make these elements visible on your live Shopify store theme.
You can place the redeem button on:
- Cart Page
- Cart Drawer
How to Enable Redeem Rewards and Cart Label in Cart Drawer
To display the Redeem Rewards option and Cart Label in your cart drawer, please follow the steps below:
- Go to the Webplanex Loyalty Wallet App from your Shopify admin.
- Inside the app, click on Theme Elements.
- You will see a button labeled “Publish on Drawer.” Click on this button.
- After clicking, you will be redirected to the Shopify App Embed settings page.
- On this page, you will find the following options:
Show Redeem Store Cash On Drawer
Show Cart Label On Drawer - Simply turn ON both toggles.
- Save Changes
Adding the Elements to Your Theme (Depending on Version):
For Shopify Theme Version 2.0:
- Access Theme Code:
- Navigate to your Shopify admin panel.
- Go to "Online Store" > "Themes" and select your theme.
- Click on "Customize."
- Locate Cart Template File:
Choose the "Cart" page from the theme customization options.
- Add Blocks:
- Click on "Add block" from the left side menu.
- Select the blocks named "Webplanex Rewards Label" (for the cart label) and "Webplanex Redeem Rewards" (for the redemption button).
- Save Changes:
- Adjust the positions of the blocks on the cart page as desired.
- Click on "Save" to apply the changes.
For Shopify Theme Versions Below 2.0:
- Access Theme Code:
- Navigate to your Shopify admin panel.
- Go to "Online Store" > "Themes" and select your theme
- Click on "Edit code."
- Locate Cart Template File:
Search for the file named "cart.liquid" or "cart-template.liquid".
- Add Code Snippets:
Open the appropriate file and locate a suitable place to insert the belowcode
Code For Cart Drawer and Redemption Button code(Put this snippet out side of the `<form action="/cart"> </form>`)
<div class="wpcb_cart_redeem_section"></div> - Save Changes:
Save the changes made to the theme code.