How To Add Favicon, Logo, and Banner To Your Homepage

How To Add Favicon, Logo, and Banner To Your Homepage

Introduction 

 

If you are reading this article, then you have successfully created your demo store and linked it to your live domain. Congratulations!

We’ve chosen some simple but essential items for you to begin working on, on your store. Throughout this article, you will work on changing the favicon, the logo, (Index, Follow) and the copyrights of your store. Good luck!

 

 

- Favicon:

The Favicon is the small squared image usually 16×16 pixels which is used on web browsers to show a graphical representation of the site being visited, showing on the left side of the browser tab. You have probably seen many favicons before, even if you didn’t know what they were. The image below shows the favicons framed in black.

favicon new backend knowledge base

 

Here are the steps to add a Favicon image to your store, kindly follow the below steps:

  • Login to your admin panel

  • From the left sidebar go to  Appearance”

  • Then click on the “Edit” button under Branding

  • In theVisual Identity section, click on the Choose File button, and choose the image that you have created, from your computer

 

  • Don’t forget to click on the “Update” button once you finish

 

The Logo is the icon/symbol that identifies your store and makes it stand out on the internet.

 

Here again, you need the right Logo size. The recommended logo size is 800 × 200 pixels

 

After resizing your Logo, follow these steps:

 

  • Login to your admin panel

  • From the left sidebar go to Appearance”

  • Then click on the “Edit” button under Branding

  • In theVisual Identity section, click on the Choose File button under the Store Logo, and choose the image that you have created and resized, from your computer

 

  • Don’t forget to click on the “Update” button once you finish

-Banner:

Its the top part that allow you to add image 
  • Login to your admin panel

  • From the left sidebar go to Appearance”

  • Then click on the “Edit” button under Branding

  • In theVisual Identity section, click on the Choose File button under the Banner, and choose the image that you have created and resized, from your computer


  1. Don’t forget to click on the “Update” button once you finish

    • Related Articles

    • 1.5 Simple But Essential: Favicon, Logo and Copyrights

      Introduction  If you are reading this article, then you have successfully created your demo store and linked it to your live domain. Congratulations! We’ve chosen some simple but essential items for you to begin working on, on your store. Throughout ...
    • 3.1 My Homepage Layout

      Introduction Home page have these sections: Welcome Logo Categories Banner Slider Products Static blocks Brand Slider Footer Don’t worry, all of these sections will be covered in following articles within this stage. *Kindly check the homepage ...
    • Additional sliders on the Homepage

      Introduction: Do you want to promote some products on the homepage? do you want to add variety of product sliders other than the On Sale and New Arrival sliders. You can do that by adding additional slider for a specific category. Steps: 1- Login to ...
    • 2.3 Diversity Of My Products On Homepage

      Introduction  Diversity means options and more options means more customers and more customers means more sales!  This is the formula for success. In this article, we will learn how to add products to the home page, whether on Sale or New products. ...
    • Add ,Manage Collection Pages and Menu

      Introduction: Organizing your products in collection pages is one of the essential steps in building an online store. It represents what you will be selling in a clear and easy way for the customers. In this article, we will help you create the ...