{"id":1540,"date":"2022-10-11T09:54:32","date_gmt":"2022-10-11T09:54:32","guid":{"rendered":"https:\/\/www.figpii.com\/blog\/?p=1540"},"modified":"2024-06-05T08:27:19","modified_gmt":"2024-06-05T08:27:19","slug":"13-shopify-homepage-best-practices","status":"publish","type":"post","link":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/","title":{"rendered":"13 Shopify Homepage Best Practices You Can&#8217;t Ignore in 2022"},"content":{"rendered":"\r\n<p>Setting up a Shopify store in 2022 is as easy as ABC.<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_74 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/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: #999;color:#999\" 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: #999;color:#999\" 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 eztoc-toggle-hide-by-default' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Mobile_Friendliness\" >Mobile Friendliness<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Pay_Attention_to_the_Hero_Section_Above_the_fold_section\" >Pay Attention to the Hero Section (Above the fold section)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Prioritize_Best_Sellers\" >Prioritize Best Sellers\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Social_Proof\" >Social Proof<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Fonts\" >Fonts<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#_6_Accessibility_Considerations\" >\u00a06. Accessibility Considerations<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Fast_Loading_Pages\" >Fast Loading Pages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Pop-Ups\" >Pop-Ups<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Clear_and_Concise_CTAs\" >Clear and Concise CTAs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Live_Chat\" >Live Chat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Unique_Value_Proposition\" >Unique Value Proposition<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Visible_Search_Bar\" >Visible Search Bar<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#Bonus_Point_AB_Testing\" >Bonus Point: A\/B Testing<\/a><\/li><\/ul><\/nav><\/div>\n\r\n\r\n\r\n\r\n<p>This is why many brands have been taking advantage of this \u2013 creating an online presence for their businesses. However, a beautiful website design doesn\u2019t guarantee your conversion rate will skyrocket.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>As a matter of fact, our friends at Invesp have worked with many businesses that had beautiful Shopify websites but were plagued by low <a href=\"https:\/\/www.figpii.com\/blog\/11-tips-to-increase-your-ecommerce-conversion-rate\/\">conversion rates<\/a>.\u00a0 The <a href=\"https:\/\/www.invespcro.com\/blog\/design-for-persuasion\/\">aesthetics of your website<\/a> or homepage don\u2019t determine the number of conversions you will get.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Think about websites such as Craiglist, Wikipedia, and Indeed \u2013 they both have ugly homepage designs but high conversion rates. I\u2019m not suggesting that your site design doesn\u2019t matter. There are so many factors that you should consider when working on your online store.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>In this article, we\u2019ll talk about 11 tips you should consider when creating a Shopify homepage that compels visitors to convert. So, let\u2019s just get into it\u2026<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Mobile_Friendliness\"><\/span><strong>Mobile Friendliness<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<\/li>\r\n<\/ol>\r\n<p>We\u2019re living in a <a href=\"https:\/\/www.invespcro.com\/blog\/importance-of-mobile-website-optimization\/\">mobile-first world<\/a>, which means that a significant proportion of people will access your online store through their mobile phones. And even <a href=\"https:\/\/explodingtopics.com\/blog\/mobile-internet-traffic\">studies<\/a> confirm that 92.1% of web traffic comes from mobile devices.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>This simply means that you can\u2019t afford to ignore <a href=\"https:\/\/www.invespcro.com\/blog\/4-best-practices-for-mobile-landing-pages\/\">mobile optimization<\/a>! The good thing about optimizing your Shopify store for mobile devices is that it comes with many benefits.<\/p>\r\n\r\n\r\n\r\n<p>I mean, you can boost the ranking of your website and improve your brand\u2019s reputation and credibility. Also, you are more likely to satisfy your visitors as they browse your site using their mobile devices.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>And ultimately, you can boost customers&#8217; engagement \u2013 this can positively impact your conversion rate.\u00a0 Below is an example of a mobile-optimized website:\u00a0<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2115 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Oh-My-Gourd-1024x490.png\" alt=\"Partake Desktop Homepage \" width=\"1024\" height=\"490\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Oh-My-Gourd-1024x490.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Oh-My-Gourd-300x144.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Oh-My-Gourd-768x368.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Oh-My-Gourd-1536x736.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Oh-My-Gourd.png 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\r\n<figcaption>Desktop version of a Shopify store<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2116 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Partake-473x1024.png\" alt=\"Partake Mobile Homepage\" width=\"473\" height=\"1024\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Partake-473x1024.png 473w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Partake-139x300.png 139w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Partake-709x1536.png 709w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Partake.png 739w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/>\r\n<figcaption>A mobile-optimized version of the store<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"2\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Pay_Attention_to_the_Hero_Section_Above_the_fold_section\"><\/span><strong>Pay Attention to the Hero Section (Above the fold section)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nThe above-the-fold section of your <a href=\"https:\/\/www.invespcro.com\/blog\/a-step-by-step-guide-to-turn-your-homepage-into-high-conversion-machine\/\">Shopify store homepage<\/a> is the section that your users see before scrolling down. The hero section shows up immediately under your navigation menu and logo.\u00a0 A compelling hero section can increase your chances of grabbing users\u2019 attention.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2117 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Kirin-Finch-1024x492.png\" alt=\"Kirrin Finch Shopify Homepage\" width=\"1024\" height=\"492\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Kirin-Finch-1024x492.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Kirin-Finch-300x144.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Kirin-Finch-768x369.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Kirin-Finch-1536x737.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Kirin-Finch.png 1554w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><br \/>\r\n<figcaption>Hero section of the Kirin Finch Shopify store<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Your Hero Section should contain the following information:<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Your <a href=\"https:\/\/www.invespcro.com\/blog\/ecommerce-unique-selling-proposition-examples\/\">unique selling proposition<\/a> (what makes you different and why customers should patronize you)<\/li>\r\n<li>A <a href=\"https:\/\/www.invespcro.com\/blog\/your-complete-guide-to-call-to-action-button-plus-a-bonus-with-free-200-effective-cta-buttons\/\">call to action<\/a><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2118 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/CTA-1024x492.png\" alt=\"Kirrin Finch Homepage with Text Highlighted\" width=\"1024\" height=\"492\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/CTA-1024x492.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/CTA-300x144.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/CTA-768x369.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/CTA-1536x737.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/CTA.png 1554w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\r\n<figcaption>USP and CTA for Kirrin Finch site<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"3\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Prioritize_Best_Sellers\"><\/span><strong>Prioritize Best Sellers\u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nAs a regular online shopper, one of the trends I have observed is how ecommerce stores try to push their <a href=\"https:\/\/www.invespcro.com\/blog\/using-dynamic-product-recommendations-in-order-to-increase-sales\/\">best-selling products<\/a> subtly. I like this because it often saves me the time I\u2019d have spent scrolling through their website looking for what to buy.\u00a0 Instinctively, I believe the best-sellers because that means a lot of other users are also buying the same product, so why don\u2019t I just do the same?<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>The two images below show how the citiesocial store displays its best sellers immediately after their hero section.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2119 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-seller-1024x472.png\" alt=\"Brooklinen Homepage\" width=\"1024\" height=\"472\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-seller-1024x472.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-seller-300x138.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-seller-768x354.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-seller.png 1288w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2120 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-sellers-1024x499.png\" alt=\"Citiesocial homepage highlighting best sellers \" width=\"1024\" height=\"499\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-sellers-1024x499.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-sellers-300x146.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-sellers-768x374.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Best-sellers.png 1532w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Shopify recently introduced a feature that lets you <a href=\"https:\/\/www.shopify.com\/sg\/blog\/3032042-showcase-your-best-sellers\">display your top-selling products first<\/a>. That way, your best-performing products are shown first when users visit your page. Displaying and recommending your top-selling products can also increase your conversion rates.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"4\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Social_Proof\"><\/span><strong>Social Proof<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nIt\u2019s easier to convince potential buyers to patronize you if you can show them your business is trustworthy. Visitors who land on your homepage have fears, doubts, and uncertainties. You must ensure your homepage addresses these anxieties and concerns. One way of doing this is by showing <a href=\"https:\/\/www.figpii.com\/blog\/why-is-social-proof-important\">social proof<\/a>. Here are some examples of <a href=\"https:\/\/www.shopify.com\/ng\/blog\/social-proof\">social proof<\/a> you can use on your website.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p><a href=\"https:\/\/www.invespcro.com\/blog\/adding-testimonials-to-your-website\/\"><strong>User Testimonials<\/strong><\/a>: Quoting what users say about your products and displaying them on your homepage can boost customer confidence and get them to buy your products.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2121 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Reviews-1024x377.png\" alt=\"Bebemoss customer review\" width=\"1024\" height=\"377\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Reviews-1024x377.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Reviews-300x111.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Reviews-768x283.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Reviews-1536x566.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Reviews.png 1550w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\r\n\r\n\r\n\r\n<p><br \/><strong>Societal Impact<\/strong>: When customers and potential users see that you are giving back to the community, it can appeal to their sense of responsibility and get them to buy more from you.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2122 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Community-Give-back-1024x482.png\" alt=\"Bebemoss environmenta limpact \" width=\"1024\" height=\"482\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Community-Give-back-1024x482.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Community-Give-back-300x141.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Community-Give-back-768x361.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Community-Give-back-1536x723.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Community-Give-back.png 1547w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p><strong>Celebrity Endorsement<\/strong>: Celebrity endorsements have been around for a while now and businesses are leveraging the influence of popular figures to promote their products. It gives customers some confidence and trust regarding your product. So, if it is within your budget, you can get a celebrity to endorse your product.<br \/><br \/>Quick Tip: Try using a celebrity whose personality and values align with that of your brand.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2123 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/celebrity-endorsement-1024x465.png\" alt=\"made-in celebrity endorsement\" width=\"1024\" height=\"465\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/celebrity-endorsement-1024x465.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/celebrity-endorsement-300x136.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/celebrity-endorsement-768x349.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/celebrity-endorsement-1536x697.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/celebrity-endorsement.png 1558w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"5\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Fonts\"><\/span><strong>Fonts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nThis may sound far-fetched, but the font on your Shopify home page influences how your brand is perceived. Your font can evoke emotions and cause visitors to either feel excited, intrigued, or comforted. Let\u2019s look at the fonts of these two websites below.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>Looking at the website below, you can tell that the font used is clear regarding hierarchy and visibility.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2124 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Good-font-1024x493.png\" alt=\"Songra Landing page\" width=\"1024\" height=\"493\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Good-font-1024x493.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Good-font-300x144.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Good-font-768x370.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Good-font.png 1413w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\r\n<figcaption>Website A with good use of color and font<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Looking at the second website, you can see that the choice of font color for the price looks a bit off, and the copy written in blue is not clear enough for readers to see.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2125 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Bad-page-paint-1024x493.png\" alt=\"Veda Landing Page\" width=\"1024\" height=\"493\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Bad-page-paint-1024x493.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Bad-page-paint-300x144.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Bad-page-paint-768x370.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Bad-page-paint.png 1414w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\r\n<figcaption>Website B with poor formatting<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Fonts majorly affect how users and potential customers perceive your business. Your choice of fonts can affect users\u2019 engagement with your brand. Choose fonts that align with your brand identity, and use them to convey the right message and emotion. Additionally, take advantage of the different font customization options to give a visual hierarchy on your home page.<\/p>\r\n\r\n\r\n\r\n<p>Shopify also allows you to <a href=\"https:\/\/shopify.dev\/themes\/architecture\/settings\/fonts\">import a custom font<\/a> if you want something different from the default fonts. You can take advantage of this to use fonts that resonate with your brand.<\/p>\r\n<p>If we were to judge the two sample websites above based on fonts and text readability, the first website would likely generate more traffic than the second website.<\/p>\r\n\r\n\r\n\r\n<h3><span class=\"ez-toc-section\" id=\"_6_Accessibility_Considerations\"><\/span><br \/>\u00a06.<strong> Accessibility Considerations<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Accessibility has been a trending topic among <a href=\"https:\/\/www.invespcro.com\/blog\/things-ui-ux-designers-need-to-know-about-conversion-rate-optimization\/\">UX Designers<\/a> and Web developers, and it&#8217;s an important factor to consider when customizing your Shopify homepage. Accessibility considerations help to make your website usable and accessible by a wide range of users with diverse abilities. Adding image descriptions and alternate texts to images will also make your homepage and website, in general, more accessible for people using assistive technologies.<\/p>\r\n\r\n\r\n\r\n<p>Shopify allows you to add accessibility features like <a href=\"https:\/\/apps.shopify.com\/night-mode-dark-mode\">night mode<\/a> and <a href=\"https:\/\/help.shopify.com\/en\/manual\/markets\/languages\">language translation<\/a> to your website. You can take advantage of this to make your home page better.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2126 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/light-dark-1024x576.png\" alt=\"An ecommerce website with both light and dark mode\" width=\"1024\" height=\"576\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/light-dark-1024x576.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/light-dark-300x169.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/light-dark-768x432.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/light-dark-1536x864.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/light-dark.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><br \/>\r\n<figcaption>An ecommerce website with both light and dark mode<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"7\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Fast_Loading_Pages\"><\/span><strong>Fast Loading Pages<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>The faster your home page loads, the quicker users can do what they need to and move on, which is good for your business. If I have to wait more than ten seconds for your homepage to load fully, you have my word that I\u2019ll be out of there in no time, contributing negatively to your <a href=\"https:\/\/www.invespcro.com\/blog\/tips-to-cut-down-your-bounce-rate\/\">bounce rate<\/a>.<\/p>\r\n\r\n\r\n\r\n<p>Always ensure that your Shopify store loads at an acceptable speed. For an ecommerce store, you want your store to load fully within 3-5 seconds on a desktop device and 1-2 seconds on a mobile device; anything greater than these numbers will see your bounce rate skyrocket.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>However, in some cases, other factors out of your control can cause your website to load slowly. These factors include slow network, location, and device.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"8\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Pop-Ups\"><\/span><strong>Pop-Ups<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>Let\u2019s be honest; pop-ups can sometimes be annoying. But there\u2019s no denying that <a href=\"https:\/\/www.invespcro.com\/blog\/website-visitors\/\">they can help increase engagement and the chances of conversion<\/a>. When it comes to pop-ups, there are two things that you have to keep in mind:<br \/><br \/>1. Timing<br \/>2. Value<br \/><br \/>Let\u2019s start with timing. Imagine going on a first date with someone and having that person immediately propose to you on that first date. Even though you liked that person, you\u2019re more likely to turn them down because of their bad timing. Similar to websites, your visitors will more likely ignore your pop-ups if they appear as soon as they land on your homepage. You should give them a chance to interact with your site before you <strong>pop that question<\/strong>.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Value is also an essential pop-up component you can\u2019t afford to ignore. Generally, people don\u2019t care about how beautiful your pop-ups look and are more interested in the value they will get after clicking them. A pop-up is an excellent place to apply the WIIFM principle. WIIFM is an acronym for one important question that drives visitors to take action on your site: <em>What\u2019s in it For Me?<\/em>\u00a0<\/p>\r\n\r\n\r\n\r\n<p><br \/>Here\u2019s an excellent example of a pop-up that uses the WIIFM principle on a Shopify homepage design:<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2127 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/popup-1024x537.png\" alt=\"CupShe Free shipping page\" width=\"1024\" height=\"537\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/popup-1024x537.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/popup-300x157.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/popup-768x402.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/popup-1536x805.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/popup.png 1557w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>This is an example of a valuable popup on <a href=\"http:\/\/www.cupshe.com\">cupshe<\/a> that comes up about 5 seconds after the website fully loads.<\/p>\r\n\r\n\r\n\r\n<p>Welcome pop-ups are a great way to get users\u2019 attention to specific products, discounts, or promotions or even get them to signup for a newsletter. If they are timed well and help add value, they can help fast-track the buyer\u2019s journey.\u00a0<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"9\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Clear_and_Concise_CTAs\"><\/span><strong>Clear and Concise CTAs<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>A <a href=\"https:\/\/www.invespcro.com\/blog\/calls-to-action\/\">call to action<\/a> is important because it informs users of the next action step. Ensure that the CTA on your homepage communicates the next step you want users to take. If possible, you want to avoid a situation where you have <a href=\"https:\/\/www.invespcro.com\/blog\/multiple-call-to-actions-increased-conversions-by-20\/\">multiple CTAs<\/a> on your homepage. However, if you need to have more than one call to action button on a page, you should make the primary action stand out using a different color, font weight, or size.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Since the homepage can also have different sections, it makes sense to use different CTAs in every section. That way, users can easily understand the action you want them to take in the different sections as they scroll through the page.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Let\u2019s look at bulletproof.com, where different call-to-action buttons exist in different site sections.\u00a0\u00a0<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2128 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/page-3-1024x490.png\" alt=\"Bullet proof product page\" width=\"1024\" height=\"490\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/page-3-1024x490.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/page-3-300x143.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/page-3-768x367.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/page-3.png 1522w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<p>&nbsp;<\/p>\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2129 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-2-1024x491.png\" alt=\"Bulletproof product page\" width=\"1024\" height=\"491\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-2-1024x491.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-2-300x144.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-2-768x368.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-2-1536x737.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-2.png 1541w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<figure><\/figure>\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2130 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-1-1024x466.png\" alt=\"Bullet proof landing page\" width=\"1024\" height=\"466\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-1-1024x466.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-1-300x137.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-1-768x350.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Page-1.png 1504w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"10\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Live_Chat\"><\/span><strong>Live Chat<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p><a href=\"https:\/\/www.invespcro.com\/blog\/live-chat-customer-support\/\">Live chat<\/a> is a great feature to add to your Shopify homepage because it helps improve customer experience. Customers who encounter challenges while using your site can easily reach out to your customer support team without waiting too long. One other benefit of live chat is that it informs you of pain points in your products, which you can work on to improve.<br \/><br \/>Having a live chat is like having a team member guide the customers throughout their journey on your site.<\/p>\r\n\r\n\r\n\r\n<p>Here\u2019s an example of a live chat on <a href=\"http:\/\/mnml.la\" target=\"_blank\" rel=\"noreferrer noopener\">mnml.la <\/a>that shows the live chat feature on the right side of the page.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2131 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Live-chat-1024x491.png\" alt=\"MNMI landing page \" width=\"1024\" height=\"491\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Live-chat-1024x491.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Live-chat-300x144.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Live-chat-768x369.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Live-chat.png 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"11\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Unique_Value_Proposition\"><\/span><strong>Unique Value Proposition<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>A unique value proposition, also known as a <a href=\"https:\/\/www.invespcro.com\/blog\/value-proposition-what-is-it-how-it-works-and-why-you-should-pay-attention\/\">unique selling proposition<\/a>, is a statement that tells customers and prospects about distinct features of your products or services and their advantages over your competitors.<br \/><br \/>As a customer, I would like to know why you want me to buy from you and not from the next person, and your <a href=\"https:\/\/www.invespcro.com\/blog\/how-to-write-value-propositions-for-ecommerce-websites\/\">Unique Value Proposition<\/a> should be able to answer this question in as few words as possible.\u00a0<\/p>\r\n\r\n\r\n\r\n<p><br \/>Let\u2019s look at these three websites and their unique value propositions highlighted within the black rectangle.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2132 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Unique-value-prrop-1024x475.png\" alt=\"give me tap's landing page\" width=\"1024\" height=\"475\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Unique-value-prrop-1024x475.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Unique-value-prrop-300x139.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Unique-value-prrop-768x357.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Unique-value-prrop-1536x713.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Unique-value-prrop.png 1564w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><br \/>\r\n<figcaption>\u201d<em>More than a bottle, for every bottle you buy, we give a person in Ghana 5 years of clean drinking water. Get water refills too\u201d<\/em><\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2133 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/not-treally-UVP-1024x452.png\" alt=\"TPMocs's Landing Page\" width=\"1024\" height=\"452\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/not-treally-UVP-1024x452.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/not-treally-UVP-300x132.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/not-treally-UVP-768x339.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/not-treally-UVP-1536x678.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/not-treally-UVP.png 1562w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\r\n<figcaption><em>&#8220;Authentic Native American Made<\/em>&#8220;<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2134 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/No-unique-value-prop-1024x482.png\" alt=\"Beefcake's landing page\" width=\"1024\" height=\"482\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/No-unique-value-prop-1024x482.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/No-unique-value-prop-300x141.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/No-unique-value-prop-768x361.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/No-unique-value-prop-1536x723.png 1536w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/No-unique-value-prop.png 1573w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><br \/>\r\n<figcaption>No unique value proposition on the homepage<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n<p>While the first store has a clear and concise unique value proposition, the second does not do justice to its unique value proposition, and the third website has no unique value proposition on its homepage.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"12\">\r\n<li>\r\n<h3><span class=\"ez-toc-section\" id=\"Visible_Search_Bar\"><\/span><strong>Visible Search Bar<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<br \/><br \/>A search bar can be another selling point on your Shopify homepage to get customers to interact with your product. A visible search bar on your homepage design helps customers find what they need faster, improving their experience. Another advantage of this is that you can analyze the search queries to make changes to your homepage in terms of content, structure, and design.<br \/><br \/>For example, if you observe that users mostly search for \u201cleather straps,\u201d you can restructure your page to show products with leather straps before other products.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2135 size-large\" src=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Search-bar-1024x345.png\" alt=\"CitieSocial's landing page\" width=\"1024\" height=\"345\" srcset=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Search-bar-1024x345.png 1024w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Search-bar-300x101.png 300w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Search-bar-768x259.png 768w, https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Search-bar.png 1517w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>The search bar on the citiesocial website is at the top of the page, where it can be easily found.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\" start=\"13\">\r\n<li><strong>Top Navigation Bar<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<p>A <a href=\"https:\/\/www.invespcro.com\/blog\/improving-website-navigation-how-re-designing-website-navigation-increased-conversions-by-50\/\">well-organized navigation<\/a> bar gives an overview of all the pages on your site and can point users in the direction to go when searching for a particular page or product. A clear navigation structure will also help inform users where they are on your website and how to get where they are going.<br \/><br \/>A visible search bar and a top navigation bar can go hand in hand to allow users to browse your site easily.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bonus_Point_AB_Testing\"><\/span><strong>Bonus Point: A\/B Testing<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Now that you\u2019ve learned about some of the best homepage practices for your Shopify store, what next? How will you implement some of these practices and ensure they help you increase sales, convert prospects and retain customers?<\/p>\r\n\r\n\r\n\r\n<p><br \/><strong>A\/B Testing<\/strong><strong><br \/><\/strong><\/p>\r\n\r\n\r\n\r\n<p>When you are ready to implement these best practices on your homepage, A\/B tests your ideas to see which performs best at driving conversion rates.\u00a0\u00a0<\/p>\r\n\r\n\r\n\r\n<p><a href=\"https:\/\/www.invespcro.com\/blog\/what-is-ab-testing-split-testing\/\">A\/B testing<\/a> helps you answer questions like :<\/p>\r\n\r\n\r\n\r\n<p>\u00a0<strong><em><br \/><\/em><\/strong><strong><em>How do you know where to put your CTA or the content that goes into the CTA?<\/em><\/strong><strong><em><br \/><\/em><\/strong><strong><em>How do you know which pop-ups to use and when to use them?<\/em><\/strong><strong><em><br \/><\/em><\/strong><strong><em>What font style, color, or size would users find more appealing?<\/em><\/strong><strong><em><br \/><\/em><\/strong><strong><em>Where should the search bar be on mobile devices?<\/em><\/strong><strong><em><br \/><\/em><\/strong><\/p>\r\n\r\n\r\n\r\n<p>A\/B testing is important because it will help you reveal how best to implement these practices on your homepage.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Setting up a Shopify store in 2022 is as easy as ABC. This is why many brands have been taking advantage of this \u2013 creating an online presence for their businesses. However, a beautiful website design doesn\u2019t guarantee your conversion rate will skyrocket.\u00a0 As a matter of fact, our friends at Invesp have worked with<\/p>\n","protected":false},"author":9,"featured_media":1550,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[576],"tags":[],"class_list":{"0":"post-1540","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cro"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>13 Shopify Homepage Best Practices You Can&#039;t Ignore in 2022 - FigPii blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"13 Shopify Homepage Best Practices You Can&#039;t Ignore in 2022 - FigPii blog\" \/>\n<meta property=\"og:description\" content=\"Setting up a Shopify store in 2022 is as easy as ABC. This is why many brands have been taking advantage of this \u2013 creating an online presence for their businesses. However, a beautiful website design doesn\u2019t guarantee your conversion rate will skyrocket.\u00a0 As a matter of fact, our friends at Invesp have worked with\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"FigPii blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/figpii.aii\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-11T09:54:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-05T08:27:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2370\" \/>\n\t<meta property=\"og:image:height\" content=\"1534\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Usman Adepoju\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@figpii\" \/>\n<meta name=\"twitter:site\" content=\"@figpii\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Usman Adepoju\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/\"},\"author\":{\"name\":\"Usman Adepoju\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/ed6908a6c1d884db14e9c28fc837b5ec\"},\"headline\":\"13 Shopify Homepage Best Practices You Can&#8217;t Ignore in 2022\",\"datePublished\":\"2022-10-11T09:54:32+00:00\",\"dateModified\":\"2024-06-05T08:27:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/\"},\"wordCount\":2221,\"publisher\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png\",\"articleSection\":[\"Conversion Rate Optimization (CRO)\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/\",\"url\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/\",\"name\":\"13 Shopify Homepage Best Practices You Can't Ignore in 2022 - FigPii blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png\",\"datePublished\":\"2022-10-11T09:54:32+00:00\",\"dateModified\":\"2024-06-05T08:27:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage\",\"url\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png\",\"contentUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png\",\"width\":2370,\"height\":1534},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.figpii.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"13 Shopify Homepage Best Practices You Can&#8217;t Ignore in 2022\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#website\",\"url\":\"https:\/\/www.figpii.com\/blog\/\",\"name\":\"FigPii blog\",\"description\":\"Let it marinate\",\"publisher\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.figpii.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#organization\",\"name\":\"FigPii\",\"url\":\"https:\/\/www.figpii.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png\",\"contentUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png\",\"width\":104,\"height\":40,\"caption\":\"FigPii\"},\"image\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/figpii.aii\/\",\"https:\/\/x.com\/figpii\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/ed6908a6c1d884db14e9c28fc837b5ec\",\"name\":\"Usman Adepoju\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bbdd3896b2f568a544af94603f54223cfb9b91c41a1365212f8ffecc6006951e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bbdd3896b2f568a544af94603f54223cfb9b91c41a1365212f8ffecc6006951e?s=96&d=mm&r=g\",\"caption\":\"Usman Adepoju\"},\"url\":\"https:\/\/www.figpii.com\/blog\/author\/usman\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"13 Shopify Homepage Best Practices You Can't Ignore in 2022 - FigPii blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/","og_locale":"en_US","og_type":"article","og_title":"13 Shopify Homepage Best Practices You Can't Ignore in 2022 - FigPii blog","og_description":"Setting up a Shopify store in 2022 is as easy as ABC. This is why many brands have been taking advantage of this \u2013 creating an online presence for their businesses. However, a beautiful website design doesn\u2019t guarantee your conversion rate will skyrocket.\u00a0 As a matter of fact, our friends at Invesp have worked with","og_url":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/","og_site_name":"FigPii blog","article_publisher":"https:\/\/www.facebook.com\/figpii.aii\/","article_published_time":"2022-10-11T09:54:32+00:00","article_modified_time":"2024-06-05T08:27:19+00:00","og_image":[{"width":2370,"height":1534,"url":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png","type":"image\/png"}],"author":"Usman Adepoju","twitter_card":"summary_large_image","twitter_creator":"@figpii","twitter_site":"@figpii","twitter_misc":{"Written by":"Usman Adepoju","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#article","isPartOf":{"@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/"},"author":{"name":"Usman Adepoju","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/ed6908a6c1d884db14e9c28fc837b5ec"},"headline":"13 Shopify Homepage Best Practices You Can&#8217;t Ignore in 2022","datePublished":"2022-10-11T09:54:32+00:00","dateModified":"2024-06-05T08:27:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/"},"wordCount":2221,"publisher":{"@id":"https:\/\/www.figpii.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png","articleSection":["Conversion Rate Optimization (CRO)"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/","url":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/","name":"13 Shopify Homepage Best Practices You Can't Ignore in 2022 - FigPii blog","isPartOf":{"@id":"https:\/\/www.figpii.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage"},"image":{"@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage"},"thumbnailUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png","datePublished":"2022-10-11T09:54:32+00:00","dateModified":"2024-06-05T08:27:19+00:00","breadcrumb":{"@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#primaryimage","url":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png","contentUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2022\/10\/Screen-Shot-2022-10-11-at-12.51.05.png","width":2370,"height":1534},{"@type":"BreadcrumbList","@id":"https:\/\/www.figpii.com\/blog\/13-shopify-homepage-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.figpii.com\/blog\/"},{"@type":"ListItem","position":2,"name":"13 Shopify Homepage Best Practices You Can&#8217;t Ignore in 2022"}]},{"@type":"WebSite","@id":"https:\/\/www.figpii.com\/blog\/#website","url":"https:\/\/www.figpii.com\/blog\/","name":"FigPii blog","description":"Let it marinate","publisher":{"@id":"https:\/\/www.figpii.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.figpii.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.figpii.com\/blog\/#organization","name":"FigPii","url":"https:\/\/www.figpii.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png","contentUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png","width":104,"height":40,"caption":"FigPii"},"image":{"@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/figpii.aii\/","https:\/\/x.com\/figpii"]},{"@type":"Person","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/ed6908a6c1d884db14e9c28fc837b5ec","name":"Usman Adepoju","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bbdd3896b2f568a544af94603f54223cfb9b91c41a1365212f8ffecc6006951e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bbdd3896b2f568a544af94603f54223cfb9b91c41a1365212f8ffecc6006951e?s=96&d=mm&r=g","caption":"Usman Adepoju"},"url":"https:\/\/www.figpii.com\/blog\/author\/usman\/"}]}},"_links":{"self":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts\/1540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/comments?post=1540"}],"version-history":[{"count":14,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts\/1540\/revisions"}],"predecessor-version":[{"id":4487,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts\/1540\/revisions\/4487"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/media\/1550"}],"wp:attachment":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/media?parent=1540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/categories?post=1540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/tags?post=1540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}