All Collections
Advanced Webinar Settings
Adding a Personal Touch to Your Webinars: How to Add Your Own Favicon Image.
Adding a Personal Touch to Your Webinars: How to Add Your Own Favicon Image.

Article covers how to add a favicon to your webinar pages browser tab. Doing this makes your webinars look cooler and different from others.

Updated over a week ago

Adding a Personal Touch to Your Funnel Pages With Favicon Images

You've worked hard on your webinar funnel pages and now you're looking for a way to add a little something extra and make it your own. Adding in a custom favicon image is a great way to personalize your funnel pages and make them stand out to visitors.

What is a Favicon?

A favicon is a small, 16x16 pixel, icon that is associated with a particular website or URL. It generally appears to the left of the page's name in the tab of your browser, but is also used when bookmarking the page or sharing it in certain social media sites.

Create Your Own Favicon

Creating your own custom favicon is a fun and easy process. First, you'll want to find an image that adequately represents the content of the page. If you're creating a favicon for a webinar funnel page, you could choose a photo of a person or group of people talking. Once you have your image, you'll need to resize it to 16x16 pixels and save it as a .ico file. You can use image-editing software or a free online tool like Favicon.cc to do this.

Adding the Favicon to Your Page

Once you have your .ico file ready to go, you'll need to upload it to your web server. Place the .ico file in the root directory of your website.
​
In the example below we created an images folder inside the public_html folder inside the server.

Then we uploaded the Favicon.ico image and yours must be name the same too.
​
​

Be sure to replace the "https://yourdomainname.com/images/favicon.ico" in the code below with the URL of your .ico file.

Then add the following line of code to the section of EasyWebinar that you can add in your tracking scripts / 3rd party scripts:

<script>
const link = document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = 'https://yourdomainname.com/images/favicon.ico';
document.head.appendChild(link);
</script>

Here are examples of where you would add in that script code after you add your favicon.ico url into it

Classic version:

EasyWebinar Next:

Make sure to add that script code to the header of all the pages you wish to have your own favicon to appear.

That's it! After completing these steps, your custom favicon should appear in the browser tab for your webinar funnel pages that you placed the code in header section.

Did this answer your question?