Favicon Cart Count

The Favicon Cart Count feature in EcoBoostify is designed to help you keep customers engaged by displaying the number of items in their cart directly on your website’s favicon.

Introduction

• Purpose: The Favicon Cart Count feature displays the number of items in a customer’s cart on the favicon—the small icon that appears next to the page title in the browser tab. This provides customers with a quick visual reminder of their cart as they browse or switch tabs.

• Benefits: This feature is an excellent way to enhance user engagement by:

  • Improving cart visibility and keeping it top-of-mind for the customer.

  • Offering a continuous, non-intrusive nudge that can help decrease cart abandonment.

  • Enhancing the shopping experience and making it easy for customers to stay aware of their pending items.

To ensure the Favicon Cart Count feature works properly, make sure your store has a favicon added. Without a favicon, this feature won’t display. Follow Shopify’s guide to add a favicon to your online store if you haven’t done so already.

Accessing and Activating the Favicon Cart Count Feature

1. In your EcoBoostify dashboard, go to the Apps section on the sidebar.

2. Find and select Favicon Cart Count from the list of apps to open its settings page.

3. Once on the settings page, click Activate to enable the Favicon Cart Count feature.

Configuring Favicon Cart Count Display Options

• Position: Choose the display position of the cart count number relative to the favicon (e.g., top-right, bottom-left).

• Shape: Select the shape for the cart count badge—either Square or Circle.

• Background Color and Text Color: Adjust the colors to make the cart count stand out on your favicon.

• Animation: Choose an animation effect for the cart count badge to draw attention.

• Animation Interval: Set the interval for the badge to blink when a user switches to another tab—this is a key feature for reducing cart abandonment.

Once configured, save your settings to apply these changes.

Checking the Live Page

1. Open your live store in a new browser tab.

2. Add items to the cart to see the Favicon Cart Count update in real-time.

3. Switch to another tab and observe the animation (if enabled) to ensure it blinks according to your settings, helping remind users about their cart.

Verify that the cart count badge displays correctly and that all settings, such as position, shape, color, and animation, appear as expected. This final check will confirm that the Favicon Cart Count is working effectively on your store.