Add a favicon

Follow the steps below to add a logo or image as a little browser icon, called a favicon, to your Design settings.

Add a little flair ✨

1. Upload your favicon image to favicon-generator.org using the Choose file > Create Favicon options.

2. Select Download, and you'll receive a zip file with different favicon sizes.

3. Upload the .ico file (or .png icon if the .ico isn't supported) from the zip to a hosting site that offers secure https hosting, like Dropbox.

4. Go to the Account page and click Design.

5. Select the Code tab and look for the Integration Code section

6. Select the Head tab and paste in the following tag - be sure to replace the https://example.com/favicon.ico link with your own favicon's URL:

<link href="https://example.com/favicon.ico" rel="icon" type="image/x-icon">

Click Done and Publish once that code is added, then open up your shop in a new browser tab or window to see your favicon in action.

Using Dropbox for your image hosting? First, copy the “share” link for your image in Dropbox. Then modify the end of that URL so instead of ending in dl=0, it ends with raw=1, like so: https://www.dropbox.com/s/tc533oiaoehyu13/bc.png?raw=1