A gift card is one of the best things a small store can sell. But after someone buys one, they usually forget about it. Weeks pass. The balance sits there. The customer never comes back to check what they have left. That is wasted revenue and a missed chance to bring someone back to your store.
A gift card balance check page fixes this. It gives customers a simple way to type in their card number, see what is left, and land right back on your product pages with a reason to spend. The best part is that you do not need a third-party plugin or a developer to set this up. Most e-commerce platforms already store gift card balances. You just need a page that surfaces that information.
Why a Balance Check Page Works
Every time a customer types in their gift card number, two things happen. First, they see their remaining balance, which reminds them they have money to spend. Second, they are already on your website, one click away from your products. That is a far better outcome than the card sitting in a drawer.
Stores that add a balance check page typically see a 15 to 20 percent increase in gift card redemptions within the first three months. The page pays for itself the first time someone checks their balance and places an order they were not planning to make.
What You Need Before You Start
You need three things:
- An e-commerce platform that supports gift cards (Shopify, WooCommerce, BigCommerce, and Squarespace all do)
- Access to your theme editor or page builder
- 30 minutes of uninterrupted time
No coding experience required. If you can copy and paste, you can build this page.
Step 1: Create a New Page Called Check Your Balance
Go to your store admin and create a new page. Title it something clear and customer-facing. “Check Your Gift Card Balance” works. “Gift Card Balance” also works. Keep it short and obvious.
Set the page URL to something clean like /gift-card-balance or /check-balance. You will link to this page from your navigation menu, your gift card product page, and your order confirmation email.
Do not publish the page yet. You will publish it after you add the balance check form in Step 2.
Step 2: Add the Balance Check Form
How you do this depends on your platform:
Shopify
Shopify stores gift card balances natively. The challenge is that Shopify does not give customers a front-end way to check their balance without going through checkout. To solve this, you have two options:
Option A: Use a form that links to checkout. Add a simple HTML form on your page where customers type their gift card number. When they submit, it takes them to the checkout page with the gift card code pre-filled. They see the balance on the checkout page without completing the order. This is the simplest approach and requires no apps.
Option B: Use the Gift Card Balance app from the Shopify App Store. There are several free apps that add a balance lookup widget to any page. Search for “gift card balance” in the App Store, pick one with good reviews, and follow the setup instructions. Most take under 5 minutes to install.
WooCommerce
If you use WooCommerce with the official Gift Cards extension, balance checking is built in. Add the [woocommerce_gift_card_balance] shortcode to your page. That renders a form where customers enter their card number and see their balance instantly without leaving the page.
BigCommerce
BigCommerce has native gift card support. Add a link on your page that sends customers to the gift card redemption page. They can enter their code there to see the balance. It is not as elegant as an on-page form, but it works and requires zero setup beyond adding the link.
Squarespace
Squarespace gift cards show the balance during checkout. Create a page with a button that links to the checkout page with a note telling customers to enter their gift card code to see the remaining balance. Simple and functional.
Step 3: Add a Call to Action Below the Form
The balance check form is the functional part. The call to action below it is the part that actually drives sales. Once a customer sees they have money to spend, give them a clear next step.
Add a section directly below the form with:
- A headline like “Ready to Spend Your Balance?”
- Links to your three most popular product categories
- A featured product image with a Shop Now button
- A link to your best sellers page
The goal is to make it effortless to go from checking a balance to browsing products. Do not make them navigate back to your homepage and start from scratch.
Step 4: Add the Page to Your Navigation
Customers will not find this page on their own. Add it to your main navigation menu under a label like “Gift Cards” or put it in your footer. If you have a gift card product page, add a link there too: “Already have a gift card? Check your balance.”
Also add the link to your order confirmation email for gift card purchases. Something like: “Your gift card is ready. You can check your balance anytime at [link].” This plants the seed early that the balance check page exists.
Step 5: Style the Page to Match Your Brand
The balance check form works fine out of the box, but a few style tweaks make it feel like part of your store, not a bolted-on widget:
- Match the form input border radius to your store’s design (rounded, sharp, or pill-shaped)
- Use your brand font for the form label and button text
- Set the submit button colour to your primary brand colour
- Add your logo at the top of the page so customers know they are in the right place
- Add a subtle background colour or texture that matches your product pages
Most page builders let you do this without touching CSS. If you are comfortable with CSS, add a custom class to the form container and style it in your theme settings.
Step 6: Publish and Test
Before you publish, test the form yourself. Use a real gift card number from your test store or a live card with a small balance. Make sure:
- The form accepts the card number without errors
- The balance displays correctly
- The call to action links work and send customers to product pages
- The page looks good on mobile (most balance checks happen on phones)
Once everything works, hit publish.
What to Expect After Launch
In the first week, you will likely see a small spike in traffic to the page from existing gift card holders. Within a month, you should see an increase in gift card redemptions, particularly from cards purchased 60 or more days ago. Those are the cards that typically go unused.
Track the page in your analytics tool. Watch how many people visit it, how many check a balance, and how many go on to place an order afterward. If you see visitors checking balances but not buying, improve your call to action section. Try different featured products, add a small discount for gift card users, or highlight new arrivals.
Common Mistakes to Avoid
Do not hide the page. If customers cannot find the balance check page, it might as well not exist. Put it in your navigation, your footer, and your gift card product page.
Do not make customers create an account to check their balance. Gift cards are anonymous. The check form should accept just the card number, nothing else. Asking for an email or account login adds friction and stops people from checking.
Do not forget mobile. Most customers will check their balance on their phone while standing in a store or sitting in a car. The form needs to be large enough to type a 16 to 20 character code without zooming in.
Wrapping Up
A gift card balance check page is one of the highest-ROI pages you can build. It takes 30 minutes, costs nothing, and brings customers back to your store who would have otherwise forgotten about their balance entirely.
The setup is simple: create a page, add a form, add a call to action, put it in your navigation, and publish. The hard part is remembering to do it. So do it now while it is fresh.
Want more like this? Join MOKU Club for free. Weekly resources, early access to new guides, and occasional templates you can actually use. Join below.
