Skip to main content
Check Balance Page Customization

How to implement and customize the check balance page in your store

Hila Butbul avatar
Written by Hila Butbul
Updated this week

Note: The Check Balance module can be added in two ways:

  1. As a whole new page

  2. As a block, using a dedicated Shopify theme extension Note

To implement the module as a Shopify block, follow these instructions

In this article you will find:

  1. What is the Check Balance page

  2. How to customize this page

  3. How to implement this page in your store

  4. How to implement the Check Balance as an extension


What is the Check Balance Page -

On the Check Balance page, customers can enter their gift card or loyalty code to view the remaining balance.



How to customize the Check Balance page -

Go to your Rise DashboardGift Card Assets ➝ Click Create Page.


This will create a new page in your Shopify admin. Once the page is created, you can start customizing it by clicking Customize.


This will direct you to the Customization page:


Here you can customize the appearance and text of the page. There are two tabs available:

Sections tab:

  • Main section: Customize the text displayed before customers enter their code.

  • After code insertion: Edit the text shown after the code is entered.
    (Important: Do not edit the variables {giftcard_balance} and {giftcard_expires_on}.)

  • Code not found: Change the message displayed when an invalid code is entered.

General tab:

  • Background color: Change the background color of the page.

  • Card color: Change the color of the card.

  • Primary color: Change the color of the header title text.

  • Button color: Change the color of the See your store credit button.

  • Font: Choose from the available font options.

  • Reset to defaults: Reset all settings in both the General and Sections tabs.


Once you’ve finished editing, click the Save button at the top right of the screen.



Implementing the page in your store -

After customizing the page, make it easily accessible to your customers by adding it to your website’s header or footer menu.

To do this, go to the ContentMenus section in your Shopify admin and add the Check Balance page.


How to implement the Check Balance as an extension -

This method provides an alternative way to add the Check Balance asset to your store using Shopify’s theme editor. Please note that this is a separate option from linking the page through menus.

Follow these steps to add the Check Balance page as an extension:

  • Go to Shopify AdminOnline StoreThemesCustomize.

  • In the theme editor, choose where you want to display the Check Balance.

  • Click Add Section\Add Block, and insert the Check Balance asset.


    This is how it will look after you implement the Check Balance block -

  • Customize the section if needed and click Save to apply the changes.


    Please note:

  • The button color will automatically match your theme’s color settings.

  • Adding two Check Balance blocks or sections to your store may cause an error.


Related articles:


Got any feature ideas? 

Feel free to add them to this feature request form. 

Have more questions?

Feel free to contact us at [email protected] or in the chat box 

Did this answer your question?