How to Add Favicon in Elementor

A favicon is a little image that sits next to the website or page title on the browser. They are usually the logo or another custom image for the website, something that is there to help distinguish your website from others which are there, especially when page titles can be completely unbranded.

Favicons are tiny, with only a few pixels in each direction. Therefore, they don’t take up much memory, which is good as this is part of the download and therefore, it would slow down the website speed if it were a little larger.

Favicons are one of the most important parts of any website. For one, they’re used in SEO. If your website is not using a custom favicon, then Google is going to rank against you. Therefore, you won’t appear high on the Google rankings and traffic levels will become lower.

In addition, people trust brands that have the favicon compared to those that don’t. Therefore, even if you do get traffic, you will not get the traffic converting as high as you might have hoped for.

Therefore, adding a tiny image is important for your brand’s success.

So here are the instructions for adding a favicon to your Elementor site. It is really simple to do.

On your website, you need to click on the ‘Settings’ tab. Then under the ‘General’ heading, you need to click on this to go to the ‘Favicon’ button. In this window, there will be an option to upload. You need to click on this and then search your computer files to find the favicon image that you would like to use. You can then click on the ‘Upload’ button. You can click on the ‘Ok’ button to save any changes that you made.

Now the favicon should be visible on the ‘Settings’ tab under the ‘General’ heading. You might also want to do a second check by loading your website. Remember that you might need to complete a cache clearing on your browser.