{"id":410,"date":"2025-04-21T08:08:52","date_gmt":"2025-04-21T08:08:52","guid":{"rendered":"https:\/\/zopping.com\/blog\/?p=410"},"modified":"2025-07-09T10:55:03","modified_gmt":"2025-07-09T10:55:03","slug":"how-to-add-logo-and-favicon-to-your-online-store","status":"publish","type":"post","link":"https:\/\/zopping.com\/blog\/how-to-add-logo-and-favicon-to-your-online-store\/","title":{"rendered":"How to Add Store Logo and Favicon to your Online Store?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Quick Links<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #121213;color:#121213\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #121213;color:#121213\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-add-logo-and-favicon-to-your-online-store\/#Where_does_the_store_logo_appear\" >Where does the store logo appear?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-add-logo-and-favicon-to-your-online-store\/#Where_does_the_favicon_appear\" >Where does the favicon appear?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"#\" data-href=\"https:\/\/zopping.com\/blog\/how-to-add-logo-and-favicon-to-your-online-store\/#How_to_configure_your_store_logo_and_favicon\" >How to configure your store logo and favicon?<\/a><\/li><\/ul><\/nav><\/div>\n<p>To make your eCommerce website or app look genuine and reflect your brand, it is important to add your store logo and favicon.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Where_does_the_store_logo_appear\"><\/span>Where does the store logo appear?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The store logo appears on the header section of every page of your online store. It will also be visible in the emails (like Order placed, Reset password, Order delivered, Order cancelled, etc) that are automatically sent to your customers.<\/p>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/image-25.png\" alt=\"\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Where_does_the_favicon_appear\"><\/span>Where does the favicon appear?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Favicon is a tiny image that is visible on the tab of your browser.<\/p>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/image-26.png\" alt=\"\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_configure_your_store_logo_and_favicon\"><\/span>How to configure your store logo and favicon?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/add-logo-favicon-img-for-content-73807646e4b701b2287f7ebd7a4caa99.png\" alt=\"\" \/><\/p>\n<ol style=\"margin-bottom: 15px;\">\n<li>Click on the <strong>More<\/strong> menu and choose <strong>Settings<\/strong><\/li>\n<li>Click on <strong>Basic Information<\/strong><\/li>\n<li>Click on the <strong>Upload your logo<\/strong> section, and choose the logo from your Gallery<\/li>\n<li>Click on the <strong>Upload Favicon<\/strong> section, and choose the favicon from your Gallery<\/li>\n<li>Click on <strong>Save<\/strong><\/li>\n<\/ol>\n<p>You can now click on <strong>View Store<\/strong> from the <strong>Home<\/strong> page to see your online store with your logo and favicon.<\/p>\n<p><strong>Note:<\/strong><\/p>\n<p><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/2025\/04\/image-52-edited.png\" alt=\"\" \/><\/p>\n<ol>\n<li>Your logo cannot be more than 2 MB in size<\/li>\n<li>Only .jpeg, .png and .jpg formats are allowed<\/li>\n<li>For a better look, upload a logo and favicon that have a transparent background<\/li>\n<li>For favicon, choose an image that has an aspect ratio of 1:1<\/li>\n<\/ol>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Where does the store logo appear?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"The store logo appears on the header section of every page of your online store. It will also be visible in the emails (like Order placed, Reset password, Order delivered, Order cancelled, etc) that are automatically sent to your customers.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Where does the favicon appear?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Favicon is a tiny image that is visible on the tab of your browser.\"\n    }\n  }]\n}\n<\/script><br \/>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"HowTo\",\n  \"name\": \"How to configure your store logo and favicon?\",\n  \"description\": \"How to configure your store logo and favicon?\",\n  \"step\": [\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 1\",\n      \"text\": \"Click on the More menu and choose Settings\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 2\",\n      \"text\": \"Click on Basic Information\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 3\",\n      \"text\": \"Click on the Upload your logo section, and choose the logo from your Gallery\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 4\",\n      \"text\": \"Click on the Upload Favicon section, and choose the favicon from your Gallery\"\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Step 5\",\n      \"text\": \"Click on Save\"\n    }\n  ]\n}\n<\/script><br \/>\n<script type=\"application\/ld+json\">\n[\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-25.png\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-25.png\",\n    \"encodingFormat\": \"image\/png\"\n  },\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-26.png\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/image-26.png\",\n    \"encodingFormat\": \"image\/png\"\n  },\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ImageObject\",\n    \"contentUrl\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/add-logo-favicon-img-for-content-73807646e4b701b2287f7ebd7a4caa99.png\",\n    \"url\": \"https:\/\/zopping.com\/blog\/wp-content\/uploads\/2025\/04\/add-logo-favicon-img-for-content-73807646e4b701b2287f7ebd7a4caa99.png\",\n    \"encodingFormat\": \"image\/png\"\n  }\n]\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To make your eCommerce website or app look genuine and reflect your brand, it is important to add your store logo and favicon. Where does the store logo appear? The store logo appears on the header section of every page of your online store. It will also be visible in the emails (like Order placed, [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[20,19],"class_list":["post-410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-storefront-customization","tag-basic-information","tag-initial-store-setup"],"_links":{"self":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":6,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts\/410\/revisions"}],"predecessor-version":[{"id":2021,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/posts\/410\/revisions\/2021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/media\/411"}],"wp:attachment":[{"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/media?parent=410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/categories?post=410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zopping.com\/blog\/wp-json\/wp\/v2\/tags?post=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}