BigCommerce Favicon Tutorial: Quick and Easy Setup

Why BigCommerce Makes Favicons Refreshingly Simple

In the world of e-commerce platforms, BigCommerce stands out for getting the basics right. Adding a favicon is one of those basics - no premium plans required, no complex workarounds, just a straightforward upload process that works. It's the kind of feature that reminds you why BigCommerce remains a favourite among serious online retailers.

Your favicon might seem like a small detail, but in e-commerce, small details drive big results. When customers are comparing products across multiple tabs, your favicon helps them navigate back to your store. It's brand recognition at its most fundamental level - and BigCommerce makes it dead simple to implement.

Prerequisites: What You Need

Before we start, ensure you have:

• Admin Access: You'll need full admin permissions to modify store settings
• Square Image: 512x512 pixels or larger gives BigCommerce room to scale down cleanly
• File Format: ICO, PNG, JPG or GIF through the control panel. Not SVG. Worth knowing that the Settings API is narrower than the control panel: its favicon endpoint documents GIF, JPEG and PNG only, so an automated upload should use a PNG
• File Size: The limit is 10 MB, but a favicon should be a few KB. If yours is anywhere near a megabyte, you've exported the wrong asset

That's it. No special tools, no technical knowledge, no premium features to unlock.

The 3-Minute Setup Process

Step 1: Access Your Control Panel

Log into your BigCommerce control panel and go to Storefront -> Logo.

This is the bit worth knowing, because it's where most people go wrong: the favicon is a store setting, not a theme setting. It lives with your logo, not in the theme editor. If you've been hunting through Theme Options for a favicon field, that's why you couldn't find it. A useful side effect is that changing themes doesn't lose your favicon.

Step 2: Find the Favicon Section

Scroll past the logo settings to the Favicon section. You'll see whatever is currently set, probably BigCommerce's default, and a Replace image control. Recommended dimensions are 16x16 or 32x32, and BigCommerce scales a larger square down for you.

Step 3: Upload Your Favicon

Select your file. BigCommerce processes the image and serves it from its CDN.

Step 4: Save

Save the setting and you're done. There's no theme publish step, because you never touched the theme.

Immediate Results, No Waiting

Unlike some platforms where favicon updates take hours or days, BigCommerce favicons typically appear within minutes:

• Store Preview: Immediate
• Live Store: 2-5 minutes
• Customer Browsers: 5-15 minutes (depending on caching)

If you don't see changes immediately, don't panic. Browser caching is usually the culprit, not BigCommerce.

Quick Troubleshooting Guide

Favicon Not Appearing?

The fastest fixes:

Upload Errors?

1. 1Hard Refresh: Ctrl+F5 (Windows) or Cmd+Shift+R (Mac)
2. 2Clear Cache: Full browser cache clear, not just refresh
3. 3Try Incognito: Opens without cached files
4. 4Different Browser: Confirms the upload worked

If BigCommerce rejects your file:

Mobile Issues?

• Verify Format: ICO, PNG, JPG or GIF. An SVG will be refused, and that's the most common cause by a distance
• Check Size: 10 MB is the ceiling, though a favicon has no business being close to it
• Square Dimensions: Crop to an exact square
• Try Another Browser: Sometimes browser extensions interfere with the upload control

For mobile favicon problems:

BigCommerce-Specific Best Practices

Theme Compatibility

• Clear mobile browser cache
• Remove and re-add bookmarks
• For home screen icons, remove and re-add the shortcut
• Remember mobile devices cache aggressively

Because the favicon is a store setting rather than a theme option, it behaves the same whatever theme you're running. Stencil and Catalyst both pick it up with no work on your part, and so does a custom theme built on either.

The exception is Blueprint, and it's a narrow one. Blueprint was BigCommerce's pre-Stencil theme framework, and since November 2016 new stores have only ever been offered Stencil. Its documentation is archived. If your store predates that cut-off and still runs a Blueprint theme, you're on a framework nobody is developing against - worth a conversation with your developer about migrating, quite apart from the favicon.

Multi-Store Management

Running multiple BigCommerce stores? Each needs its own favicon:

Seasonal Updates

• Set unique favicons for each store
• Use consistent design language across brands
• Consider colour variations of the same logo
• Document which favicon belongs to which store

BigCommerce makes it easy to swap favicons for holidays:

The Speed Advantage

• Upload seasonal versions in advance
• Switch them in seconds from Storefront -> Logo
• Set calendar reminders to change back
• Keep original favicon file handy

BigCommerce automatically optimises your favicon for performance:

• Compression: Reduces file size without visible quality loss
• CDN Delivery: Serves from BigCommerce's global CDN
• Caching Headers: Sets sensible cache times

This means your favicon loads fast without any extra work from you.

Advanced Considerations

API Access

For developers, the favicon has its own Settings endpoint. It's a multipart upload, not a JSON body:

curl -X POST \
  'https://api.bigcommerce.com/stores/{store_hash}/v3/settings/favicon/image' \
  -H 'X-Auth-Token: {token}' \
  -F 'FaviconFile=@favicon.png'

The file field must be named FaviconFile, the accepted types are GIF, JPEG and PNG, and the cap is 10 MB. Add ?channel_id={id} if you're running multi-storefront and want a different favicon per channel.

"

Worth flagging, because it circulates widely: there is no PUT /v3/themes/{id}/actions endpoint with an "update_config" action. It doesn't exist and never has. The Themes API can list, upload, download, delete and activate themes, and it can read theme configurations, but there's no write path for theme config at all. If a tutorial hands you that snippet, it was invented.

Favicon Analytics

While you can't track favicon clicks directly, monitor:

Creating the Perfect Favicon

• Bookmark rates in user behaviour analytics
• Direct traffic increases (often from bookmarks)
• Brand search improvements
• Mobile app saves (if applicable)

Need to create or optimise your favicon? Use Unwrite's Favicon Generator. Upload your logo, set the background, padding and shape, and get the full set in seconds. Everything processes in your browser, so your logo never leaves your device. For BigCommerce, either the ICO or one of the PNGs from that download will upload happily. Reach for a PNG if you are pushing it through the Settings API instead, since that endpoint documents a narrower list.

Why This Matters for Your Store

A professional favicon contributes to:

• Trust Building: Shows attention to detail
• Brand Recognition: Reinforces identity across touchpoints
• User Experience: Helps navigation with multiple tabs
• Professional Appearance: Differentiates from default icons

In e-commerce, these details influence purchase decisions more than you might think.

The 3-Minute Investment

That's really all it takes - three minutes to add a professional favicon to your BigCommerce store. No technical hurdles, no premium requirements, no complex processes. Just upload, save, and done.

Your competitors using default favicons are leaving brand impressions on the table. Take those three minutes now and claim that space in your customers' browser tabs. In the competitive world of e-commerce, every pixel of brand real estate matters.