Customize Your Storefront Widget


Loyalty Points allows you to change the look of your storefront widget. This lets you match your store's colour scheme and branding. You can add your own logo and preview the widget that will be shown to your customers.

Here's how to customize the widget:

  1. From Shopify's admin, select Apps.

    Select Apps

  2. Select Bold Loyalty Points.

    Select Bold Loyalty Points

  3. Select Settings, then Storefront Widget.

    Select Settings/Storefront Widget

  4. Select the colors you want to use.

    Note: Selecting the color boxes under the "Custom Theme" section allows you to choose a custom color.

    Select Colours

  5. Select the widget position and widget style.

    Select Screen Position & Widget Style

  6. Select Hide widget on mobile devices (optional).

    Select Hide Widget

  7. Select Remove Bold branding (optional).

    Note: This feature is only available with certain price tiers.

    Select Remove Bold Branding

  8. Select choose file to upload your own logo (optional).

    Note: This feature is only available with certain price tiers.

    Upload Custom Logo

  9. Adjust the widget's styling (optional).

    Select Custom Styling

  10. Select Use different settings for mobile users (optional).

    Select Use Different Mobile Settings

  11. Adjust the widget's mobile styling.

    Adjust Mobile Styling

  12. Select Save Changes.

    Select Save Changes

That's it!

Next Steps:

Blog Posts:

0 out of 0 found this helpful


  • Hi! I want to make the little widget that appears on the page (before expanding) to be wider with a custom image. Right now it can only be 30x30 when it's icon only which is very small. How do I fix this? Also how can I customize the text color so its not always black?

    Comment actions Permalink
  • Hey Alie!

    Thanks so much for reaching out :) This may be possible through some type of CSS customization to your theme coding. You're also able to upload a custom icon to your Loyalties widget with Loyalty Points' "Growth" plan tier:

    I've gone ahead and created a ticket on your behalf with our Merchant Success team. They'll be more than happy to assist you further from here! Please respond to our email request with your .myshopify URL and let us know if we have access to your Shopify admin.

    Knowledge Centre Manager

    Comment actions Permalink

Please sign in to leave a comment.