Skip to main content
All CollectionsOnsite Components General Components
Embed Customers' Points in their Profile
Embed Customers' Points in their Profile

Display your customers' points balances in their profiles using our no-code embed feature, enhancing engagement and reward redemptions.

Ganna Adnan avatar
Written by Ganna Adnan
Updated over 4 months ago

Platform

Plan

Shopify

Starter, Pro, & Guru

Boost your customer loyalty program and increase reward redemptions by seamlessly displaying points balances within your customers’ accounts. With Gameball, you can integrate points balances directly into your store’s theme without writing a single line of code, keeping your customers informed and motivated to redeem their rewards.

Setup Requirements

  1. Classic Customer Accounts:

    Ensure you’re using Shopify's Classic customer accounts. Unfortunately, the new customer accounts do not support third-party apps yet.

  2. Updated Shopify Theme

    Your theme must support app blocks. Without this, the Gameball block will not be visible in the editor. Learn More.

  3. Enable Gameball Embed Block

    1. Go to the Shopify Theme Editor
      In your Shopify admin, navigate to the Theme Editor.

    2. Activate App Embeds
      From the left menu, click on App Embeds, search for "Gameball," and toggle it on.

  4. Activate Gameball Program:

    In the Gameball dashboard, make sure the toggle at the top-right is activated. Once this is enabled, you’ll be able to add the Gameball block.

Installing the Gameball Block

  1. In Gameball, click Customize under the embedded block card.

  2. You’ll be redirected to Shopify’s theme editor. If not, double-check the pre-requisites.

  3. Sign in to your store through the theme editor to access the customer account template.

  4. In the left sidebar under Template, select Add section > Apps, and search for "Points Balance."

  5. Select the Points Balance app block and click Save.

Customizing Your Points Balance Display

  1. Style Customization

    • In the Shopify theme editor, click on the Points Balance app block.

    • Customize the icon, text, colors, buttons, and overall style using the right-hand sidebar.

    • Adjust the block’s position in the template from the left sidebar.

    • Click Save.

  2. Content & Translation

    • In the Gameball dashboard, go to Widget > Content.

    • In the Embedded Block tab, edit the displayed text as needed and click Save.

Important Notes

The block will automatically hide from your store if:

  • The Gameball program is deactivated.

  • The customer is excluded from the program.

  • Your account is on a plan that doesn't support this feature.

Common Questions

  1. Can I display the Points Balance block elsewhere on my website?
    Currently, the block can only be embedded on the customer account page.

  2. Does this block work with Shopify's New Customer Accounts?
    No, this feature is only available with Classic customer accounts. The new customer accounts don't yet support third-party apps.

  3. Why am I seeing an error message after clicking "Customize"?
    If you encounter a "There is a problem loading the page" message, review the Setup Requirements to ensure all conditions are met. If the issue persists, contact us at [support@gameball.co].

  4. What happens if I downgrade to the Free plan?
    The Points Balance block will automatically hide if your plan doesn’t support this feature.

Did this answer your question?