Setting this up has two parts: activating the feature in the Flits admin, and customizing its appearance in the Shopify theme editor.

1. Go to Loyalty program > Onsite content > Find Potential points on PDP (shown as Inactive by default).
2. Click Activate.
3. The status will change to Active. This is the master switch. If it is inactive, the widget will not show on your storefront even if the theme editor settings are turned on.

1. Go to your Shopify Theme editor > App embeds, and find the Flits app embed.
2. Make sure the main Flits embed toggle is turned on.
3. Configure the widget via theme editor:
   • Icon - upload your own icon, or use Explore free images to pick from the built-in library or add of you choice.
   • Text color and Background color - set these to match your store’s branding.
   • Points on product page - toggle on to show the widget on the PDP.
   • Points on cart page, drawer - toggle on to show the widget on the cart page and cart drawer.
   • Advanced (JSON) - optional, for advanced customization. Leave blank if you do not need it.
4. Click Save in the theme editor to publish your changes.

The widget updates in real time so customers can see their potential points before checkout.

• On the product page, the widget updates instantly when customers switch variants.
• On the cart page and cart drawer, it reflects the total potential points for everything currently in the cart.
• The points shown are based on the product’s current selling price, not the compare-at price, so sale pricing is reflected accurately.

I activated it in the admin, but I do not see the widget on my store. Why?

Check that the Flits app embed is turned on in your theme editor, and that the relevant page toggle, either Points on product page or Points on cart page, drawer, is switched on. Both the admin activation and the theme embed settings need to be enabled.

How are the potential points calculated?

Points are calculated using the product’s current selling price, not the compare-at price, against your active points-earning rule, so the number shown always reflects what the order would actually earn.

Will the widget show correct points for a product on sale?

Yes. The calculation is based on the selling price, so sale pricing is reflected accurately.

Does the widget update when I change variants or quantity?

Yes. On the product page, it updates instantly when you switch variants. On the cart page and drawer, it reflects the total potential points for everything currently in the cart.

Will the widget show on an excluded product?

No. If a product is excluded from your loyalty program, the Potential Points widget will not display earnable points for it, since it is not eligible to earn.

Can I change the icon or colors from the Flits admin directly?

No. The admin only controls whether the feature is active. All appearance settings, including icon, colors, and page toggles, are configured in the Shopify theme editor.

• Match the widget’s colors to your store’s branding so it feels native rather than bolted on.
• Enable it on both the product page and cart or drawer for a consistent reminder throughout the shopping journey.
• Re-check the widget after major theme updates, since app embed settings are per-theme and will not carry over automatically to a newly published theme unless configured there too.

For more assistance, contact support@getflits.com.