Add a Favicon to Your Website
There are two steps to adding a favicon1 to your StoreConnect website.
- Upload a favicon image to the StoreConnect media library
- Add the favicon code to the Head Content Block
Step 1. Upload Your Favicon Image
You can upload a favicon image using the Upload Media help documentation.
Once uploaded copy the unique URL from the media object to use in the next step. The unique URL will look something like this,
Step 2. Add Your Favicon Code to the Head Content Block
The favicon code will be inserted into the
<head>2 tag of your online store.
Once you have created the Head Content block insert the following code:
<link rel="icon" href="https://path/favicon.png" type="image/x-icon">
https://path/favicon.png is the unique URL for your favicon media object.
<link rel="icon" href="https://res.cloudinary.com/hzkr6fi81/image/upload/v1627259085/media/favicon.png" type="image/x-icon">
favicon: A ‘favicon’ - short for favourite icon - is a website graphical icon that is used to brand a website’s URL, bookmarks, or shortcut. It is typically seen as a small graphical icon in the URL field of a web browser ↩
<head> tag: Used to contain metadata such as the title of the page, its description, and any relevant keywords. Scripts (code), links to scripts and CSS files (for page styling) may also be contained in the <head> tag. ↩
Back to Documentation