Skip to main content

How do I add text to the rewards launcher button?

You can show a short text label next to the Glow rewards launcher on your storefront.

Written by Brandon Swift

You can show a short text label next to the Glow rewards launcher on your storefront.

This is useful when you want customers to understand what the launcher does before they click it. For example, your launcher can show a small label such as Rewards.

Storefront rewards launcher showing the Rewards text label next to the launcher button

Set the launcher text

  1. In Glow, go to Settings > Translation.

  2. Search for widget-launcher-rewards, or use the Section Filter and choose Launcher.

  3. Update the Rewards field to the text you want customers to see.

  4. Click Save Settings.

Glow Translation page showing the launcher Rewards field

Keep this text short. A short label like Rewards, Earn Rewards, or Join & Save usually works better than a full sentence, especially on mobile.

Turn on launcher text

After setting the text, make sure the launcher text is enabled.

  1. In Glow, go to Settings > Account Settings.

  2. Open the Widget tab.

  3. Set Show Launcher Text? to Yes.

  4. Click Save Settings.

Glow Account Settings Widget tab showing the Show Launcher Text setting

Test it on your storefront

Open your storefront in a fresh browser tab and look for the Glow launcher.

The text appears next to the launcher when the widget is closed. When the customer opens the widget, Glow hides the text label so it does not cover the widget.

If you do not see the text right away, refresh the storefront page after saving both settings.

Styling the launcher text

Glow applies default styling to the launcher text on your storefront.

If you want to style the launcher text container, add CSS to your Shopify theme stylesheet and target:

#loyalty_callout_container {  color: #111 !important;  background: #fff !important;}

Glow's Custom CSS setting is for the loyalty widget itself. It may not affect the storefront launcher text because the launcher is rendered outside the widget.

Common issues

The launcher text does not show

Check that Show Launcher Text? is set to Yes in Settings > Account Settings > Widget.

Also make sure your launcher is not hidden. If Launcher Position is set to Hidden, the launcher text will not appear next to the launcher button.

The text is correct in Glow but not on the storefront

Refresh the storefront page after saving.

If you use multiple storefront languages, make sure you updated the right language in Settings > Translation. The default language is used as a fallback when a locale-specific value is not set.

The text only disappears after opening the widget

That is expected. Glow hides the text label while the widget is open.

CSS changes are not working

Add launcher text CSS to your Shopify theme, not Glow's Custom CSS page.

Because Glow applies default inline styles to the launcher text container, you may need !important for specific style overrides.

The text is too long on mobile

Shorten the launcher text. Long labels can crowd small screens or overlap nearby storefront elements.

Related articles

Did this answer your question?