Quick Answer
How do you add a favicon in BizStackPro?
Upload a square favicon image to Media, copy its direct file URL, open the Funnel or Website Settings, paste the URL into the Favicon URL field, save, and then hard refresh the page to check the result.
What Is a Favicon?
A favicon is the small icon displayed in browser tabs, bookmarks, and saved links.
Adding one helps visitors recognize your site when multiple tabs are open and gives your funnels and websites a more finished, branded appearance.
Favicon Setup at a Glance
Before You Begin
Prepare a simple square icon that remains recognizable at very small sizes.
- Use a simple, high-contrast image without tiny text.
- Start with a clean 32×32 PNG.
- Have access to the Funnel or Website settings and Media area.
Recommended Sizes & Formats
Favicons display at very small sizes, so simple shapes and strong contrast work better than detailed artwork or text.
Core PNG Sizes
Common favicon sizes include 16×16, 32×32, and 48×48.
High-Resolution Sizes
Optional larger sizes include 96×96, 180×180 for Apple touch icons, 192×192, and 512×512.
Formats
PNG is widely supported. ICO can be used for legacy compatibility, while SVG may be used in modern setups where supported.
Test the Icon at 32×32
Reduce the icon to approximately 32×32 on your screen. If the design is difficult to recognize at that size, simplify it.
Add a Favicon in BizStackPro
Open the Funnel or Website
Open the Funnel or Website and go to Settings.
Upload the Favicon
Upload the favicon image in Media. The source guide recommends starting with a 32×32 PNG.
Copy the Direct File URL
Copy the direct URL for the uploaded favicon file.
Add the Favicon URL
Paste the direct file URL into the Favicon URL field.
Save the Settings
Click Save.
Refresh and Check the Page
Open the page in a new tab and perform a hard refresh using Ctrl/Cmd + Shift + R.
Additional Icon Fields
If the theme provides additional icon fields, such as an Apple touch icon field, repeat the process with the appropriate larger image size, such as 180×180.
Why Favicons Matter
Recognition
The icon can make your site easier to identify when several browser tabs are open.
Brand Recognition
A recognizable favicon gives visitors another small visual connection to your brand.
Polish
A branded browser-tab icon helps funnels and websites appear more complete.
Troubleshooting
Favicons Can Stay Cached
Browsers and CDNs may cache favicons longer than normal page content. If you replace the file and still see the old icon, re-upload it or change the filename so the favicon uses a new URL.
Frequently Asked Questions
What is a favicon, and why do I need one?
A favicon is a small icon shown in browser tabs and bookmarks. It improves brand recognition, user experience, and helps your pages look more professional.
What size and format should my favicon be?
Use a square image. Common favicon sizes include 16x16, 32x32, and 48x48. PNG is widely supported. Many brands also provide 180x180 for Apple touch icons and 512x512 for high-resolution use.
How can I create a favicon if I don’t have one?
Use a simple on-brand mark with strong contrast and minimal detail (avoid tiny text). Create it in a design tool or a favicon generator, then export PNG files in multiple sizes.
Why isn’t my favicon showing up?
Hard refresh and clear browser cache, then confirm the favicon URL is public and reachable. Some browsers and CDNs cache favicons aggressively, so changes can take time to appear.
Can I use any image as a favicon?
Yes, but simple, high-contrast shapes work best at tiny sizes. Avoid detailed graphics or long text because they become unreadable in browser tabs.
Continue Learning
Continue with related funnel and website guides after finishing the favicon setup.
