Use Settings > Widget Design to preview the loyalty widget and make basic visual changes, such as widget style, colors, and fonts.

The preview is helpful for checking how your widget will look before you review it on your live storefront.

The preview does not include every storefront feature. For a full test, sign in as a customer on your storefront and test the live widget there.

Use the Customer search field when you want to preview the widget as a specific Shopify customer.

This can help when you are checking customer-specific details such as point balance, available rewards, discounts, VIP tier behavior, or troubleshooting a customer support question.

Manual members cannot be previewed from this field. Use a Shopify customer record that Glow can match.

To return to the guest preview, choose View as logged-out visitor after selecting a customer.

Under Widget Style, choose the storefront widget style:

Changing the widget style updates the preview and saves the setting automatically.

Use Main Color and Contrast Color to match your storefront brand.

The main color is used for prominent widget elements such as the widget header, buttons, and accents. The contrast color is used where Glow needs readable text or icons against the main color.

Because Widget Design changes save automatically, make color changes only when you are ready for them to apply to your storefront widget.

Paid plans can choose separate fonts for:

If you are on the Free plan, Glow shows an Upgrade button instead of the font selectors.

There is no save button on Settings > Widget Design. Changes to the widget style, colors, and fonts save automatically after you change them.

If you are experimenting, write down your original color values before changing them so you can restore them if needed.

Widget wording is managed separately from Widget Design.

To edit labels, buttons, messages, and other member-facing text, go to Settings > Translation. Keep any variables wrapped in {} because Glow replaces those with customer or program details.

Most stores should start with Widget Design. Use Settings > Custom CSS only when you need a more advanced layout or styling change that is not available from the normal design controls.

Custom CSS is available on paid plans.

Refresh your storefront page and reopen the widget.

If the widget still does not update, check that the Glow app embed is enabled in your Shopify theme and that the widget is allowed to show on the page you are testing.

The preview does not include every storefront feature. For customer-specific troubleshooting, test the live storefront while signed in as that customer or with a safe test customer.

Font controls are available on paid plans. Free-plan stores see an Upgrade button in the Fonts section.

Use the widget launcher and Custom CSS articles for more specific positioning and styling changes.