Skip to main content
All CollectionsEmbedded Components
Display Potential Points on Product Pages
Display Potential Points on Product Pages
Ganna Adnan avatar
Written by Ganna Adnan
Updated over a month ago

The product page plays a crucial role in the customer journey. By integrating loyalty features directly into your product pages, you increase touchpoints for engagement, which can lead to higher sales.

Gameball now allows users to display potential points that can be earned directly on the product page. This feature gives customers clear visibility into the rewards they’ll earn for each purchase, encouraging engagement and driving higher conversion rates by showcasing the benefits of their loyalty program upfront.

Benefits:

  • Encourage customers to add products to the cart: Highlighting potential points motivates customers to add items to their cart, increasing purchase likelihood.

  • Drive higher average order value: Customers are more likely to add additional items to their cart when they see the direct rewards tied to each product, leading to increased spending.


Availability:

  • Shopify Only.

  • Available on all Gameball new paid plans.

  • Not available for any Gameball legacy plan.


Prerequisites

  1. Updated Theme: Your Shopify theme must support app blocks. Without this, the option to add the Gameball block won’t appear in the editor.

  2. Enable Gameball Embed Block:

    • Go to the Theme Editor in your Shopify admin.

    • Select App Embeds from the left menu, search for "Gameball," and toggle it on.

  3. Activate Loyalty Points Earning:

    • In the Gameball dashboard, navigate to loyalty points >> earn then activate the module.

  4. Activate Gameball Program:

    • In the Gameball dashboard, ensure the top-right toggle is active. Once enabled, you will be able to add the Gameball block.


How to Install the Block

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

  2. You’ll be redirected to the Shopify theme editor on the product page. If this doesn’t happen, please review the pre-requisites.

  3. In the left sidebar, under the "Template" section, find Product Information. Click Add Block > Apps, and search for "Product Points."

  4. Select the "product points" app block and click Save.


Customization

Style Customization

  1. In the Shopify theme editor, click on the "product points" app block.

  2. On the right sidebar, adjust the icon, text, colors, and styles as needed.

  3. On the left sidebar, You can also change the block's position within the template section.

  4. Click Save.

Content & Translation

  1. To customize the content and translation, go to the Gameball Dashboard.

  2. Navigate to Widget > Content.

  3. In the Embedded Block tab, edit the text as needed.

  4. Click Save.


Important Notes

This extension will automatically hide from your store if:

  • The Gameball program is deactivated.

  • The loyalty points earning module is deactivated.

  • The customer is excluded from the loyalty program.

  • The product offers 0 loyalty points.

  • The product is excluded from the loyalty-earning rules.

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


Common Questions

  1. I clicked on Customize but saw a "There is a problem loading the page" message, what is the issue?

    • Please review the prerequisites and ensure all conditions are met. If you still encounter an issue, contact us at [support@gameball.co].

  2. I downgraded to the Free plan. What will happen to the block?

    • The block will automatically hide once you're on a plan that doesn't support it.

Did this answer your question?