> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.nector.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Configure Dedicated Rewards Page # Configuring Your Reward Page with Nector Dashboard and Shopify ${frame}[](https://www.youtube.com/embed/7cjTHX-hDjw) Your Reward Page is where customers explore their points, learn how to earn more, and discover exciting redemption options. A beautifully branded and well-structured rewards page significantly boosts engagement, transparency, and loyalty. ###### In this guide, you'll learn how to: • Customize the branding, fonts, and banners • Configure logged-in / logged-out messaging • Tailor your loyalty and tier sections • Embed the page into Shopify using Liquid Let’s get your rewards experience ready for customers! 💚 ###### Step 1 - Open Dedicated Pages Navigate to the Nectar Dashboard → Onsite Display → Dedicated Pages, where you’ll see the Reward Page option. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image1_arbigg.jpg) ###### Step 2 - Begin Configuration Click Configure to start setting up your reward page. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image2_115p90b.jpg) ###### Step 3 - Customize Page Appearance You’ll now see all available customization options for your page. Start by adjusting brand colors and font styles to align with your store identity. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image3_8yii7g.jpg) ###### Step 4 - Set Brand Colors Open Brand Setting to review or change your brand colors. Defaults are pulled automatically from your store unless you override them here. Next, continue to Banner Image Settings. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image4_zpj66k.jpg) ###### Step 5 - Configure Desktop Banner Upload or paste a URL for your desktop banner. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image5_gk9wvk.jpg) ###### Step 6 - Configure Mobile Banner Repeat the process for the mobile banner to ensure a smooth mobile experience. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image6_ztdtjw.jpg) ###### Step 7 - Open Control Settings Proceed to the Controls section to configure additional display options. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image7_6u4xnm.jpg) ###### Step 8 - Optional Display Controls You may choose to: • Hide the overlay button on the banner • Remove the referral section from this page ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image8_6jezda.jpg) ###### Step 9 - Save & Continue to Text Settings The gray background in the preview represents the banner area. Decide whether to hide buttons or referral sections, then click Save. Continue to the Logged In / Logged Out Settings. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image9_khqg0v.jpg) ###### Step 10 - Set Login State Messages Define the text customers see when logged in vs. logged out—both on the page and in the widget. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image10_1uztrhs.jpg) ###### Step 11 - Customize Title Naming, description etc In this example, the coin name is Points. The title displays as Your Shubham Nectar Store Rewards. Your page header should be formatted like: ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image11_1mw0caw.jpg) ###### Step 12 - Confirm Rewards Header Your Business Name Rewards ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image12_9bxiko.jpg) ###### Step 13 - Configure Section Descriptions Set messaging for: • Ways to Earn • Redeem Points • Reward descriptions ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image13_qzdwkc.jpg) ###### Step 14 - Repeat for Logged-Out View This setup will mirror the logout view, which you’ll configure next. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image14_1lf5zcb.jpg) ###### Step 15 - Adjust Titles & CTAs Ensure titles, descriptions, and CTAs for Sign Up / Sign In are set appropriately. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image15_1vmmfcr.jpg) ###### Step 16 - Define Logged-Out Display Logged-out users will see the title, descriptive text, and clear login/sign-up actions. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image16_1p5fwim.jpg) ###### Step 17 - Configure Widget Pop-Up Text The same logged-out settings also apply to widget pop-ups. Adjust as needed. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image18_8j2820.jpg) ###### Step 18 - Open Loyalty Section Text Scroll to configure the Loyalty Section text. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image19_ly3i23.jpg) ###### Step 19 - Set Loyalty Section Content Define what appears in the loyalty section of your reward page. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image20_1plib7j.jpg) ###### Step 20 - Configure Tier Program Labels Ensure your tier program name and description are clear. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image22_flefab.jpg) ###### Step 21 - Set Tier Titles & Descriptions Adjust the header and text describing your tier program. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image23_1jucb3r.jpg) ###### Step 22 - Add Logged-Out Explainer Text Explain how customers earn rewards before logging in. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image22_oft38p.jpg) ###### Step 23 - Define Earning Steps Name and define each step in the loyalty earning process. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image23_ena9b9.jpg) ###### Step 24 - Set Ways to Earn & Ways to Redeem Specify titles and descriptions for both sections. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image23_18sg383.jpg) ###### Step 25 - Confirm All Rewards Section Settings Once configurations are complete, proceed to the Code section and copy the code snippet provided. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image24_o9u0jh.jpg) ###### Step 26 - Open Shopify Customization Menu Go to Shopify → Click the three dots beside Customize. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image25_oqf9c5.jpg) ###### Step 27 - Choose Edit Code Select Edit Code to proceed. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image26_12cq4ps.jpg) ###### Step 28 - Create a New Template File In the code editor: Right-click Templates → Create a New File. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image27_873psx.jpg) ###### Step 29 - Paste the Nector Code Name the file Liquid, press Enter, paste the copied code snippet, and click Save. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image28_9tp1ig.jpg) ###### Step 30 - Return to Shopify Close the editor after saving. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image29_14bnoma.jpg) ###### Step 31 - Open Shopify Pages Navigate to Pages below the Theme section. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image30_xyqf5t.jpg) ###### Step 32 - Add New Page Click Add New Page and begin naming your rewards page. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image34_pp4idx.jpg) ###### Step 33 - Example Page Name In this example, name it Rewards Page. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image35_1n5ldbo.jpg) ###### Step 34 - Assign Template Set the page visibility to Visible and select the Nectar Reward template. Click Save to make your new reward page live. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image36_1eij41p.jpg) ###### Step 35 - Add to Store Navigation Add the page to your store's main menu, footer, or header so customers can access it easily. Your Reward Page is now fully configured and ready for customers! 🎉 Thank you for following this guide. ###### Wrap-Up You’ve successfully: ✔ Styled and branded your reward page ✔ Configured login/logout experiences ✔ Customized loyalty and earning sections ✔ Embedded your reward page into Shopify ✔ Made it accessible for customers with proper navigation Your customers now have a smooth, branded rewards experience that drives engagement and boosts loyalty.💚