{"id":266,"date":"2026-07-01T00:56:55","date_gmt":"2026-06-30T15:56:55","guid":{"rendered":"https:\/\/guide.rank-king.net\/?post_type=docs&#038;p=266"},"modified":"2026-07-03T18:14:00","modified_gmt":"2026-07-03T09:14:00","slug":"add-and-configure-a-product-ranking-2","status":"publish","type":"docs","link":"https:\/\/guide.rank-king.net\/?docs=add-and-configure-a-product-ranking-2&lang=en","title":{"rendered":"Add and Configure a Product Ranking"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This guide explains how to add a Rank King ranking section to your Shopify store and configure its display settings.<\/p>\n\n\n\n<h4 id=\"3\" class=\"wp-block-heading\">1. Add the Rank King Section<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can add a ranking section to any page in your Shopify theme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to: <strong>Shopify Admin \u2192 Sales Channels \u2192 Online Store\u2192<strong>Themes \u2192 Customize<\/strong><\/strong> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select the page where you want to display the ranking, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Home page<\/li>\n\n\n\n<li>Collection page<\/li>\n\n\n\n<li>Ranking page<\/li>\n\n\n\n<li>Any other customizable page<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-1024x479.png\" alt=\"\" class=\"wp-image-312\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-1024x479.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-300x140.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-768x359.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-1536x719.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image.png 1737w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select the location where you&#8217;d like to place the ranking. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click: <strong>Add Section \u2192 Apps \u2192 Rank King<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Rank King ranking section will be added to your selected page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-2-1024x479.png\" alt=\"\" class=\"wp-image-314\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-2-1024x479.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-2-300x140.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-2-768x359.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-2-1536x719.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-2.png 1737w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"4\" class=\"wp-block-heading\">2. Configure Ranking Settings<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">After adding the Rank King section, configure how the ranking should be displayed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Shopify Theme Editor by going to:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shopify Admin \u2192 Sales Channels \u2192 Online Store \u2192 Themes \u2192 Customize<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then select either: <strong>Apps \u2192 Rank King<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Rank King section you added to the page<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"479\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-3-1024x479.png\" alt=\"\" class=\"wp-image-315\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-3-1024x479.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-3-300x140.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-3-768x359.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-3-1536x719.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-3.png 1737w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 id=\"4-\u2460\" class=\"wp-block-heading\">2.1 Select the Ranking Period<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the time period used to calculate the ranking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to: <strong>Ranking Period<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then select the desired period.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<br>This Week<br>This Month<br>This Season<br>This Year<br>Past X Days<br>Custom Date Range<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-5-1024x453.png\" alt=\"\" class=\"wp-image-317\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-5-1024x453.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-5-300x133.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-5-768x340.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-5-1536x680.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-5.png 1837w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 id=\"4-\u2461\" class=\"wp-block-heading\">2.2 Choose a Collection<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Select the Shopify collection that will be used to generate the ranking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to: <strong>Select Collection<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the collection you want to display.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you haven&#8217;t created a collection yet, please refer to <strong>Create a Collection in Shopify<\/strong> in the previous guide.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-6-1024x453.png\" alt=\"\" class=\"wp-image-318\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-6-1024x453.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-6-300x133.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-6-768x340.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-6-1536x680.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-6.png 1837w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h5 id=\"4-\u2462\" class=\"wp-block-heading\">2.3 Exclude Products from the Ranking<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">You can exclude specific products from appearing in the ranking.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to: <strong>Products to Exclude<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Out-of-stock products<br>Sample products<br>Gift cards<br>Internal or hidden products<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-7-1024x453.png\" alt=\"\" class=\"wp-image-319\" srcset=\"https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-7-1024x453.png 1024w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-7-300x133.png 300w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-7-768x340.png 768w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-7-1536x680.png 1536w, https:\/\/guide.rank-king.net\/wp-content\/uploads\/2026\/07\/image-7.png 1837w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Your ranking is now ready to display on your storefront with your selected collection, ranking period, and display settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This guide explains  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"doc_category":[42],"doc_tag":[],"class_list":["post-266","docs","type-docs","status-publish","hentry","doc_category-initial-settings-en"],"_links":{"self":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=266"}],"version-history":[{"count":5,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/266\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=\/wp\/v2\/docs\/266\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=266"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_category&post=266"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/guide.rank-king.net\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}