-
Website
- 3min Explainer Walkthrough
- Generate a Design
- Page Management
- Page Editing
- Form Builder
- Updating Your Navigation Menu
- Creating Page Redirectors
- Posts Management
- Search Engine Optimization
- Setting Up Google Marketing Tools
- Setting Up Meta Pixel & E-commerce Tracking
- Setting Up Microsoft Marketing Tools
- Setting Up Linkedin Insight Tag
- Optimizing Images For Web
- Analytics
- Third Party Embed Code
- Contacts
- Marketing
- Commerce
- Apps
-
Settings and Config
- Going Live
- Updating Your Billing Details
- Changing Your Oncord Plan
- Domain Health Checker
- Managing Administrators
- Registering a Domain Name
- Changing Your Domain Name
- Backing Up Your Website
- Choosing an E-mail Host
- Hosting Email With Oncord
- Setting Up Gmail Hosting
- Setting Up Office 365 Hosting
- Setting Up Sub Domains
- Hosting a Sub-Site
- Setting Up Website Favicon
- Website
-
- 3min Explainer Walkthrough
- Generate a Design
- Page Management
- Page Editing
- Form Builder
- Updating Your Navigation Menu
- Creating Page Redirectors
- Posts Management
- Search Engine Optimization
- Setting Up Google Marketing Tools
- Setting Up Meta Pixel & E-commerce Tracking
- Setting Up Microsoft Marketing Tools
- Setting Up Linkedin Insight Tag
- Optimizing Images For Web
- Analytics
- Third Party Embed Code
- Contacts
- Marketing
- Commerce
- Apps
- Settings and Config
Home > Help & Resources > Help Articles > Tutorials > Website > Generate a Design > Setting Up Website Favicon
Setting Up Website Favicon
A favicon (short term for "favorite icon") is a small icon that represents your website in browser tabs and search engine results. You can upload a custom one to improve brand recognition and professionalism.
Oncord's Favicon:
To upload a Favicon:
- Prepare a square 32x32 pixel image in .png or .ico format based on the logo.
- Rename the file to favicon (.ico or .png).
- Go to Dashboard > Website > Designs > select your website's primary design template
- Click the "Media" option in the left panel, and upload the favicon file.
- Click the "Source" option in the left panel, and add the following HTML code under the <head> tag.
<link rel="icon" type="image/png" href="/media/website_designs/1/favicon.png">
Note: You will likely need to adjust the 'href' attribute to match the url of the uploaded file.
How to find the url of the uploaded favicon:
- Within the design editor, click the "Media" option in the left panel.
- Find the uploaded favicon file in the panel and click the three-dot button underneath it.
- Select the "Copy Shortcut" option from the drop-down menu.
- Replace the value of the 'href' attribute in the code above. In this example, the code would be:
<link rel="icon" type="image/png" href="https://yourdomain/media/website_designs/5/favicon.png">
- Then remove the part "https://yourdomain".
- The code would end up being:
<link rel="icon" type="image/png" href="/media/website_designs/5/favicon.png">