If you're using Shopify Theme 2.0, you can now easily display a "My Wallet" link and popup link directly in your store’s header using the Wallet Reward app. With full customization support, you can modify the text label and colors to match your store’s branding.
Follow this step-by-step guide to enable and customize the wallet link on your store's header:
1.Access the Theme Editor
- Log in to your Shopify Admin.
- In the left-hand menu, click Online Store > Themes.
- Under Live theme, click the “Customize” button to open the theme editor.
2.Add the Wallet App Block to Header
- In the theme editor, navigate to the Header section.
- Click on “+ Add block” within the Header.
- Go to Apps > Select “Wallet Reward Wallet Link”
- The "My Wallet" link will now appear in your header.
- Click Save to apply the changes.
3.Drag-and-Drop Positioning
Drag and drop the Wallet Link block to reposition it within the header or another section, as desired.
4.Customize the Wallet Link
Once the Wallet block is added:
Note: display the wallet pop-up, customers need to click on the "Get Store Cash" button. This will trigger the wallet interface to open as a pop-up.
- Click on the “My Wallet” block in the left sidebar.
- You’ll see three editable input boxes on the left:
- Label Text: Update the text for the wallet link (e.g., change "My Wallet" to "Rewards").
- Text Color: Choose a custom color for the label text.
- Background Color (if available): Adjust background or hover colors if supported.
5.Save Your Changes
Once you're satisfied with the positioning and customization, click the “Save” button in the top-right corner of the theme editor.
For Theme Below 2.O
This guide explains how to manually add a link to the Webplanex Rewards Wallet offer popup within your Shopify store's main menu, deviating from the default button placement.
Important Note:
- This method involves editing theme code. If you're unfamiliar with Shopify Liquid code, it's recommended to consult a developer to avoid unintended theme modifications.
Steps:
Webplanex Knowledge Base Find Help articles for our Applications. You can follow help articles to configure applications. Even articles will solve your many frequently asked questio...
1.Theme File Access:
- Log in to your Shopify admin panel.
- Navigate to Online Store>Themes.
- Select your current theme and click "Actions">"Edit Code".
2.Locate Menu Template File:
Within the theme code editor, identify the file responsible for your main menu structure. This file name might vary depending on your theme, but common locations include:
- header.liquid
- navigation.liquid
- Theme-specific menu template files
3.Add Link Code Snippet:
Code Snippet
- Once you've located the menu template file, find the appropriate section within the code where you want to insert the link.
- Paste the following code snippet
<a href="javascript:void(0)" id="OpenPopup">Get Store Cash</a>
4.Save Changes:
Click Save to apply the code modifications to your theme.
