{"id":6014,"date":"2025-01-14T11:42:18","date_gmt":"2025-01-14T11:42:18","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=6014"},"modified":"2025-01-14T11:42:19","modified_gmt":"2025-01-14T11:42:19","slug":"how-to-add-a-product-search-field","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/","title":{"rendered":"How to Add a Product Search Field"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> This article applies to Website Builder purchases made after 14<sup>th<\/sup> January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>In this article, you will learn how to add a <strong>product search field <\/strong>to your online store.&nbsp;&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-nco-caution-block\"><p class=\"nco-caution-block-content\">This is a premium feature only, so if you don&#8217;t have access to this but would like to, please upgrade your website through your Online Control Panel or contact our Sales team on <strong>0345 363 3632<\/strong>.<\/p><\/div>\n\n\n\n<div class=\"wp-block-nco-caution-block\"><p class=\"nco-caution-block-content\"><strong>NOTE<\/strong>: the product search function is only available if the online store module is activated for your project. This feature allows customers to search for products, site content, and blog articles within your online store.\u00a0<\/p><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p>To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide <a href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-access-your-control-panel\/\">HERE<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step One<\/h2>\n\n\n\n<p>Click on the <strong>gear<\/strong> icon located on the right of the header.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"244\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png\" alt=\"\" class=\"wp-image-6016\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png 550w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194-300x133.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194-50x22.png 50w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Two<\/h2>\n\n\n\n<p>Click <strong>Advanced Settings<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"328\" height=\"303\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-195.png\" alt=\"\" class=\"wp-image-6017\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-195.png 328w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-195-300x277.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-195-50x46.png 50w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Three<\/h2>\n\n\n\n<p>Click <strong>Navline settings<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"328\" height=\"298\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-196.png\" alt=\"\" class=\"wp-image-6018\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-196.png 328w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-196-300x273.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-196-50x45.png 50w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Four<\/h2>\n\n\n\n<p>Then <strong>Product Search<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"414\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-197.png\" alt=\"\" class=\"wp-image-6019\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-197.png 326w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-197-236x300.png 236w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-197-39x50.png 39w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Five<\/h2>\n\n\n\n<p>The <strong>Search icon<\/strong> is selectable, i.e. the search field will only appear once clicked first.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"715\" height=\"312\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-198.png\" alt=\"\" class=\"wp-image-6021\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-198.png 715w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-198-300x131.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-198-50x22.png 50w\" sizes=\"auto, (max-width: 715px) 100vw, 715px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Or you can select <strong>Search Bar<\/strong>, which you can type into straight away without clicking first.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"335\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-199.png\" alt=\"\" class=\"wp-image-6022\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-199.png 667w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-199-300x151.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-199-50x25.png 50w\" sizes=\"auto, (max-width: 667px) 100vw, 667px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Six<\/h2>\n\n\n\n<p>The changes must be published for them to be visible to the public. The search field also includes a whisperer feature, allowing users to view suggestions as they type. Additionally, users can select the <strong>Show all results<\/strong> option to view a complete list of search results.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-200-1024x597.png\" alt=\"\" class=\"wp-image-6023\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-200-1024x597.png 1024w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-200-300x175.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-200-768x448.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-200-50x29.png 50w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-200.png 1033w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>All results will then be displayed on a separate page.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"983\" height=\"785\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-201.png\" alt=\"\" class=\"wp-image-6024\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-201.png 983w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-201-300x240.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-201-768x613.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-201-50x40.png 50w\" sizes=\"auto, (max-width: 983px) 100vw, 983px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any further questions, simply&nbsp;<strong><a href=\"https:\/\/admin.names.co.uk\/tech_support\/tracking\/add.php\">raise a support request<\/a><\/strong>&nbsp;from within your Online Control Panel or call us on&nbsp;<strong>0345 363 3634<\/strong>. Our Support team are here to help and ready to assist you with your enquiry.<\/p>\n\n\n\n<p>For assistance raising a support request please follow the following&nbsp;<strong><a href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-open-a-support-enquiry\/\">guide<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how to add a product search field to your online store.&nbsp;&nbsp; Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide HERE Step One Click on the gear icon located on the [&hellip;]<\/p>\n","protected":false},"author":28,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[268,276,154],"ht-kb-tag":[153,257],"class_list":["post-6014","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-e-commerce","ht_kb_category-special-features","ht_kb_category-website-builder","ht_kb_tag-website-builder","ht_kb_tag-xsw"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add a Product Search Field - Support Centre - names.co.uk<\/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.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Product Search Field - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how to add a product search field to your online store.&nbsp;&nbsp; Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide HERE Step One Click on the gear icon located on the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-14T11:42:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png\" \/>\n\t<meta property=\"og:image:width\" content=\"550\" \/>\n\t<meta property=\"og:image:height\" content=\"244\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/\",\"name\":\"How to Add a Product Search Field - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png\",\"datePublished\":\"2025-01-14T11:42:18+00:00\",\"dateModified\":\"2025-01-14T11:42:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png\",\"width\":550,\"height\":244},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Product Search Field\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add a Product Search Field - Support Centre - names.co.uk","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.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/","og_locale":"en_GB","og_type":"article","og_title":"How to Add a Product Search Field - Support Centre - names.co.uk","og_description":"In this article, you will learn how to add a product search field to your online store.&nbsp;&nbsp; Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide HERE Step One Click on the gear icon located on the [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-14T11:42:19+00:00","og_image":[{"width":550,"height":244,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/","name":"How to Add a Product Search Field - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png","datePublished":"2025-01-14T11:42:18+00:00","dateModified":"2025-01-14T11:42:19+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-194.png","width":550,"height":244},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-product-search-field\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to Add a Product Search Field"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/6014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=6014"}],"version-history":[{"count":4,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/6014\/revisions"}],"predecessor-version":[{"id":6553,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/6014\/revisions\/6553"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=6014"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=6014"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=6014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}