While the overall design of the ClickFunnels website is fairly appealing, there is one particular aspect of it that you may not like so much – the favicon (short for “favorite icon”). Essentially, this is the little icon that appears next to search results in your browser’s toolbar. On a new visitor’s first visit to your site, this little icon may not have any meaning at all – it could be any old icon you’d like to use. But once the visitor returns, your site will have a little extra something to offer – the ability to customize the icon.
Since the favicon is one of the first things that visitors notice about your site, it is completely fair to say that it can either make or break your relationship with that visitor. To that end, it is worth spending a little bit of time to make sure that the icon you choose is going to be a good fit for your site’s purpose.
The Different Icon Options You Have
As previously mentioned, the favicon is simply the small icon that appears next to search results in your browser’s toolbar. For some reason, people seem to prefer square or circular icons over icons that are more abstract – think triangles, squares, circles, and lots of vibrant colors. Based on that, here are some of the more popular favicons and their meanings.
This one isn’t specific to ClickFunnels, but it has become fairly popular over the past year and a half. When you create a new browser tab, you will often see a small icon of a padlock, a security lock, or a key – whichever you have chosen for your site’s encryption key. Essentially, this icon represents the security of your site data – whether you use a security certificate to encrypt your site data while it is stored on a remote server, or you manually add in some encryption to each one of your files.
If you are visiting a site that hosts software or files that you want to download, you will often see a small icon similar to a paperclip – which again, isn’t specific to ClickFunnels, but it has become fairly popular as of late. When a visitor clicks on this icon, they will be presented with a prompt to save the file to their computer. Once they click “save,” you can be sure that they will be back – sometimes with a fresh cup of coffee in hand, because let’s be honest – who doesn’t love a fresh cup of coffee in the morning?
If you create a social media account on behalf of your company (or you, as an individual), you will often see a small icon similar to a white envelope – which again, isn’t specific to ClickFunnels, but it has become fairly popular among small business owners and bloggers. When a visitor clicks on this icon, they will be taken to a page where they can choose to share the content with their social networks – essentially, giving you more visibility across the web.
If you are running a business, you may find it helpful to create an online help desk where customers can register their issues and you can provide them with answers – this is usually accompanied by a small question mark with an arrow pointing down. When a visitor clicks on this icon, they will be presented with a list of the most frequently asked questions along with the option to click on a link to the help desk.
Access to your account unlocks a variety of interesting features. Sometimes, this icon will simply lead to your dashboard, while other times it will take you to a completely different area of the site – such as the blog where you can post new content or the pricing page where you can see how much space you have purchased for your website.
As you can see, there are several different icons that you can choose for your site’s favicon. With so many different options, it can be difficult to know which one is going to be the best fit for your needs. Luckily, we have you covered on this front – in this post, we will discuss how to change the favicon on your ClickFunnels website.
How to Change the FavIcon on a ClickFunnels Website
This process is pretty easy – first, you will need to navigate to your website’s icon (or call up its URL in your web browser’s address bar) located at the top of your page.
Then, you can either choose to leave the favicon as-is or go in and edit it to your liking – if you choose the former, you will see a small button along with an image of an envelope next to the URL. If you go in and edit it, you will find three sections:
Here, you can make tweaks to the overall appearance of the icon such as its color, size, and style. For example, you may decide that a white icon with a red or blue background is more appealing than a solid-colored icon.
As the name implies, you can make edits to the text that appears within the icon. To be more precise, you can edit the label (usually the website’s name) and the text that appears next to it. When you make these changes, you will need to click on the “refresh” icon (looks like a circular arrow) in order for your changes to be reflected in real-time.
This is where you can choose whether you want to display the icon in a square, circle, or any other shape you desire – it is completely up to you. Be careful not to make this selection unless you have a good reason for doing so. Otherwise, this can lead to all sorts of formatting errors on the page (e.g., image pixels not fitting the exact shape of the chosen icon, content placed outside of the designated area, and so on).
Then, when you are completely done making your desired edits to the icon, you can click on the “Submit” button at the top of the page.
Why Should You Change the FavIcon?
As previously mentioned, the favicon is fairly easy to make changes to. But other than just changing its looks, why should you change it at all? That is a question you need to ask yourself – is there something more behind it all?
While changing the favicon won’t exactly improve your website’s UX, it can make a noticeable difference. When a visitor sees that the icon has changed, they may not be sure whether or not they should proceed any further because it looks unfamiliar. Sometimes, this can even lead to a complete loss of interest in the site and its content. This is why you should change the icon – to make your website more engaging and increase visits and sales.
The Final Step
You have made it this far, which means that you either found this post valuable or you’re really looking for someone to help you with your site’s design. Either way, you’re in the right place – we now need to take care of the details so that your site looks just like you want it to.
To begin with, you will need to upload a new image to replace the old one – simply choose an image that represents your brand and that has a high resolution (minimum of 300 pixels wide). Remember: high-quality images can make a dramatic difference in your site’s aesthetic appeal. When uploading your chosen image, make sure that its dimensions match those of your existing favicon (it should be around 32×32 pixels).
Then, you will need to navigate to the page’s “Template” section – if you’re viewing it in a desktop browser, it will be located at the top of the page. Once there, you can change the heading and the copy on the page (if it isn’t already something like “Welcome to my website” or “Click here to get started”, you can edit those as well).
Last but not least, you will need to style the footer of the page (the area at the bottom that contains copyright information and links to other pages on your site). To do this, you can go in and edit the existing HTML or you can upload a new CSS file and style the content therein.
As you can see, there are several different ways you can change the favicon on your ClickFunnels website – it is simply a matter of finding the one that works best for you.