Here’s how to add a little browser icon that represents your shop - a favicon - to your theme.
- Head to the Account section of your admin and click Customize your design.
- Navigate to Advanced > Layout. Click the Custom button to edit the code.
- Just before the
</head>tag, paste in:
<link href="http://example.com/favicon.ico" rel="icon" type="image/x-icon">
- Replace the
http://example.com/favicon.icolink with the URL location of the favicon you want to use, then click Done and Save.
- Once it’s added, open up your shop in a new tab or window in your browser to see your favicon in action.
If you need a place to host your favicon, you can upload it to a free service like IconJ to get a URL, or even generate your favicon code.