That’s all you need to know to add a Squarespace browser icon. Before you edit the code, be sure to make a copy of files to recover them in case of any mistakes. While the FTP window is open, find and download the file index.html or header.php from the server. If that still doesn’t work, you can contact Squarespace Customer Support and they will help you troubleshoot the specific issue your site might have. Now you need to edit the HTML-page of your website to help browsers to find your favicon image. In that case, refer to this page for instructions to clear cache for different browsers. Once you select the image, immediately the Gray box on left of Download will show one image, which is smaller version of the image. You can try loading your website from other browsers or devices and if there’s only one place where the favicon doesn’t get updated, this’s most likely the issue. Click on Drag and drop your file here or click here to upload, this will open a file manager on your computer and you can then select your logo or the image using which you want to create the favicon. By clearing your browser’s cache, you force the browser to load the most updated site content, including the new favicon. If everything is correct, try clearing your browser’s cache.īasically, your web browsers save files when you visit a website to make that site load faster the next time you visit it. If the new favicon is not updated after you’ve refreshed the page a couple of times, check to make sure your image file follow the guidelines:ĭimensions between 100px x 100px and 300px x 300px Troubleshooting Squarespace favicon not showing up

How to make a favicon image