{"id":17583,"date":"2017-07-24T15:48:52","date_gmt":"2017-07-24T10:18:52","guid":{"rendered":"https:\/\/blog.resellerclub.com\/?p=17583"},"modified":"2026-05-22T10:48:47","modified_gmt":"2026-05-22T10:48:47","slug":"how-to-create-a-search-box-for-your-website","status":"publish","type":"post","link":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/","title":{"rendered":"Developing the Search box: 5 ways to add a search box on your website"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In our previous posts on <\/span><a href=\"https:\/\/www.resellerclub.com\/blog\/introduction-to-website-search\/\"><span style=\"font-weight: 400;\">Introduction to Website Search<\/span><\/a><span style=\"font-weight: 400;\"> and <\/span><a href=\"https:\/\/www.resellerclub.com\/blog\/designing-the-search-box-faqs-best-practices-to-follow-frequent-mistakes-to-avoid\/\"><span style=\"font-weight: 400;\">Designing the Search Box<\/span><\/a><span style=\"font-weight: 400;\">, we underscored the importance of the search bar for improved UX, the ideal placement for the bar &amp; much more. Now that we\u2019ve established the <\/span><i><span style=\"font-weight: 400;\">why <\/span><\/i><span style=\"font-weight: 400;\">and the <\/span><i><span style=\"font-weight: 400;\">how to design<\/span><\/i><span style=\"font-weight: 400;\">, let\u2019s take a look at the <\/span><i><span style=\"font-weight: 400;\">how to develop<\/span><\/i><span style=\"font-weight: 400;\"> in the third &amp; final part of the Search Box Series. In this post, we\u2019ll cover:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Using Google Custom Search<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Using third party search engines<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Adding a search script<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Customizing 3rd party search engines &#8211; Lucene<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Platforms built on Lucene<\/span><\/li>\n<\/ul>\n<h2>1) Using Google Custom Search<\/h2>\n<p>One of the easiest ways to add a search box on your website is to add a \u2018Google Custom Search\u2019. The search engine efficiently performs the function of helping your visitors find what they\u2019re looking for with relevant, high-quality results. The search uses refinements, auto-complete &amp; promotions to enhance the search experience.<\/p>\n<p><span style=\"font-weight: 400;\">Additionally, the search gives you access to Google Analytics to help understand user behaviour. &nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can find the entire tutorial <\/span><a href=\"https:\/\/developers.google.com\/custom-search\/docs\/tutorial\/implementingsearchbox\"><span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">. The tool is a JavaScript file loaded and run from Google\u2019s site. You can apply your own CSS styles to the box.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17585 size-full\" src=\"\/blog\/wp-content\/uploads\/2017\/07\/adding-google-search-wp.png\" alt=\"Google Custom Search\" width=\"520\" height=\"180\"><\/p>\n<h3>Advantages of Google Custom Search:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It\u2019s free<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The paid search version (without ads) is also quite affordable<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You can customise the search experience<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Requires minimal set-up<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Doesn\u2019t require maintenance of background files &amp; plugins<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Can analyse results from Google Analytics to improve search<\/span><\/li>\n<\/ul>\n<h3>Disadvantages of Google Custom Search:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Doesn&#8217;t blend in with website designs <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Google API doc. is complicated<\/span><\/li>\n<\/ul>\n<h2>2) Using third-party search engines<\/h2>\n<p><span style=\"font-weight: 400;\">FreeFind like Google Custom search offers free search boxes with sponsored ads. An ad-free version will cost you $19\/year for a site up to 25,000 pages. The HTML creates a form (different from the JavaScript file that powers the Google search box). This is easy to configure.&nbsp;You can even exclude some of your pages from the search results or prioritize the order of search results.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17587 size-full\" src=\"\/blog\/wp-content\/uploads\/2017\/07\/freefind.jpg\" alt=\"Add Search Box to Website\" width=\"535\" height=\"205\"><\/p>\n<p><span style=\"font-weight: 400;\">Here is the code for a FreeFind search box:<\/span><\/p>\n<pre class=\"code\">&lt;!-- start of freefind search box html \u2192\n  &lt;table width=\u201d400\u201d border=0 cellpadding=0 cellspacing=0 &gt;\n    &lt;tr&gt;\n      &lt;td style=\u201dfont-family: Arial, Helvetica, sans-serif;\n            font-size: 7.5pt;\u201d&gt;\n        &lt;form  id=\u201dffresult_sbox0\u201d style=\u201dmargin:0px; margin-top:4px;\u201d action=\u201dhttp:\/\/search.freefind.com\/find.html\u201d method=\u201dget\u201d \n          accept-charset=\u201dutf-8\u201d onsubmit=\u201dffresults.show(0);\u201d&gt;\n          &lt;input type=\u201dhidden\u201d name=\u201dsi\u201d value=\u201d1870143\u201d&gt;\n          &lt;input type=\u201dhidden\u201d name=\u201dpid\u201d value=\u201dr\u201d&gt;\n          &lt;input type=\u201dhidden\u201d name=\u201dn\u201d value=\u201d0\u201d&gt;\n          &lt;input type=\u201dhidden\u201d name=\u201d_charset_\u201d value=\u201d\u201d&gt;\n          &lt;input type=\u201dhidden\u201d name=\u201dbcd\u201d value=\u201d&amp;#247;\u201d&gt;\n          &lt;input type=\u201dhidden\u201d name=\u201dsbv\u201d value=\u201dj1\u201d&gt;\n          &lt;input type=\u201dtext\u201d name=\u201dquery\u201d size=\u201d32\u201d placeholder = \u201center search text here\u201d required&gt; \n          &lt;br&gt;\n          &lt;input type=\u201dsubmit\u201d value=\u201dsearch\u201d&gt;\n          &lt;input type=\u201dreset\u201d name=\u201dReset\u201d id=\u201dbutton\u201d value=\u201dReset\u201d&gt;\n        &lt;\/form&gt;\n      &lt;\/td&gt;\n    &lt;\/tr&gt;\n    &lt;tr&gt;\n      &lt;td style=\u201dtext-align:left; font-family: Arial, Helvetica, \n          sans-serif;font-size: 7.5pt; padding-top:4px;\u201d&gt;\n        &lt;a style=\u201dtext-decoration:none; color:gray;\u201d href=\u201dhttp:\/\/www.freefind.com\u201d  \n            onmouseover=\u201dthis.style.textDecoration=\u2019underline\u2019\u201d \n     onmouseout=\u201dthis.style.textDecoration=\u2019none\u2019\u201d &gt;site search by\n        &lt;span style=\u201dcolor: #606060;\u201d&gt;freefind&lt;\/span&gt;&lt;\/a&gt;\n         &lt;a id=\u201dffresult_adv0\u201d onclick=\u201dffresults.show(0);\u201d href=\u201dhttp:\/\/search.freefind.com\/find.html?si=1870143&amp;amp;pid=a&amp;amp;\n          sbv=j1\u201d&gt;advanced&lt;\/a&gt;\n      &lt;\/td&gt;\n    &lt;\/tr&gt;\n  &lt;\/table&gt;<\/pre>\n<p><span style=\"font-weight: 400;\">Other third-party hosted search services include:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.atomz.com\/\"><span style=\"font-weight: 400;\">Atmoz<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.sitelevel.com\/\"><span style=\"font-weight: 400;\">siteLevel<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.jrank.org\/\"><span style=\"font-weight: 400;\">Jrank<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.picosearch.com\/\"><span style=\"font-weight: 400;\">Picosearch<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.wrensoft.com\/zoom\/\"><span style=\"font-weight: 400;\">Zoom Search Engine<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.fusionbot.com\/\"><span style=\"font-weight: 400;\">FusioNBot<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.omniture.com\/en\/products\/conversion\/search-and-promote\"><span style=\"font-weight: 400;\">Adobe Search&amp;Promote<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.site-search-pro.com\/\"><span style=\"font-weight: 400;\">SiteSearch Pro<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.braveapps.com\/search2\/\"><span style=\"font-weight: 400;\">Bravenet Site Search<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"http:\/\/www.searchblox.com\/\"><span style=\"font-weight: 400;\">SearchBlox<\/span><\/a><span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/b><b>&nbsp; &nbsp;<\/b><\/li>\n<\/ul>\n<h3>Advantages of 3rd party scripts:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Fairly easy to set up<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">No compulsory knowledge required to run PHP scripts &amp; configurations<\/span><\/li>\n<\/ul>\n<h3>Disadvantages of 3rd party scripts:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">May have banner ads and links to 3rd party company sites<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You may not have complete control over your search results page output the way you want it to fit according to your web design<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The search engine will spider your site to reindex, adding to your website\u2019s bandwidth usage<\/span><\/li>\n<\/ul>\n<h2>3) Adding script to the website<\/h2>\n<p><span style=\"font-weight: 400;\">Another way of adding a search bar to your website is by simply adding a script in either PHP or Perl. By adding a script, the code is housed on the server and when data or information typed in the bar is sent, the server-side engine runs the script to produce results.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Certain scripts will either run a crawl with your entire website every time the search is used by the visitor or periodically crawl your website &amp; create a search index which is then searched every time a user inputs a search query. <\/span><\/p>\n<h3>Advantages:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Easy to setup<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Stays up to date with the latest changes on the website<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Code isn\u2019t available to anyone to access web directories so privacy is maintained<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">No third-party advertisements<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Customizable page results<\/span><\/li>\n<\/ul>\n<h3>Disadvantages of using scripts:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Might take time to throw up results if the website is big<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The index-based scripts are hard to maintain in that, it has to periodically crawl &amp; update the index<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It could be awhile before new content appears in the index-based search depending on how frequently the crawl has to be run &amp; index updated<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Some popular PHP &amp; Perl scripts are:<\/span><\/p>\n<ul>\n<li><a href=\"http:\/\/www.sphider.eu\"><span style=\"font-weight: 400;\">Sphider<\/span><\/a><\/li>\n<li><a href=\"https:\/\/lucy.apache.org\/\"><span style=\"font-weight: 400;\">Lucy<\/span><\/a><\/li>\n<li><a href=\"http:\/\/www.hotscripts.com\/listing\/site-search-engine-php-ajax\"><span style=\"font-weight: 400;\">Hotscripts<\/span><\/a><\/li>\n<\/ul>\n<h2>4) Customizing third party search engines<\/h2>\n<p><a href=\"https:\/\/lucene.apache.org\/core\/\"><span style=\"font-weight: 400;\">Lucene <\/span><\/a><span style=\"font-weight: 400;\">is a third-party search engine that is integrated with websites &amp; fully customizable through the Public Site Search API to support search capabilities on websites.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contributors searches are run against a search index powered by Lucene. A search index is built by an automated process called indexing which collects, stores &amp; accesses data in a format that is easily retrieved during a query. Results are available based on data that is available in the index at the time of the search. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once the index is built, the search engine runs an event every 30 seconds that checks for changes made to the assets of the type selected for indexing. If changes were made, Lucene updates the index automatically.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The steps for setting up Lucene are:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Step 1: Enabling the Lucene search engine on your system<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Step 2: Adding asset types to the search index that indicates to Lucene which assets to index<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Step 3: Specifying attributes for asset type index to be able to be returned by the search feature on the live site<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Step 4: Enabling indexing of binary files by configuring Lucene to convert the contents of those files to text while indexing assets<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For more detailed information on the overview, setup, maintaining search indexes, click <\/span><a href=\"https:\/\/docs.oracle.com\/cd\/E29542_01\/doc.1111\/e29636\/asset_type_search.htm#WBCSA948\"><span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2>5) Platforms built on Lucene<\/h2>\n<p><a href=\"https:\/\/www.algolia.com\/\"><span style=\"font-weight: 400;\">Algolia <\/span><\/a><span style=\"font-weight: 400;\">is a platform built on Lucene that\u2019s great for integrating search on your website. The API provided by the search engine provides developers with resources and tools to create fast &amp; relevant searches.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The extensive documentation, guides &amp; active community make it easy to work with Algolia. You can find the documentation <\/span><a href=\"https:\/\/www.algolia.com\/doc\/\"><span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-17589 size-full\" src=\"\/blog\/wp-content\/uploads\/2017\/07\/algolia.png\" alt=\"Algolia Search\" width=\"1888\" height=\"559\"><\/p>\n<h3>Advantages of Algolia:<\/h3>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It takes care of the complex behind the scenes development that comes with building your own search<\/span><\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p><span style=\"font-weight: 400;\">We hope we were able to guide you to the right search solution as per your expertise. Tell us what worked best for you &amp; your clients in the comments section below.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Think you can contribute as a guest writer on our blog? <\/span><a href=\"https:\/\/www.resellerclub.com\/blog\/write-for-us\"><span style=\"font-weight: 400;\">Click here<\/span><\/a><span style=\"font-weight: 400;\"> to get started. <\/span><\/p>\n<h2>Reseller Club Hosting Services<\/h2>\n<p><a href=\"https:\/\/www.resellerclub.com\/reseller-hosting\">Reseller Hosting<\/a> | <a href=\"https:\/\/www.resellerclub.com\/windows-reseller-hosting\">Windows Reseller Hosting<\/a> | <a href=\"https:\/\/www.resellerclub.com\/cloud-hosting\">Cloud Hosting<\/a> | <a href=\"https:\/\/www.resellerclub.com\/vps-hosting\">VPS Hosting<\/a> | <a href=\"https:\/\/www.resellerclub.com\/managed-vps-hosting\">Managed VPS Hosting<\/a> | <a href=\"https:\/\/www.resellerclub.com\/dedicated-server-hosting\">Dedicated Server Hosting<\/a> | <a href=\"https:\/\/www.resellerclub.com\/windows-dedicated-server-hosting\">Windows Dedicated Server<\/a> | <a href=\"https:\/\/www.resellerclub.com\/managed-dedicated-server-hosting\">Managed Dedicated Server<\/a> | <a href=\"https:\/\/www.resellerclub.com\/shared-hosting\">Linux Shared Hosting<\/a> | <a href=\"https:\/\/www.resellerclub.com\/windows-shared-hosting\">Windows Shared Hosting<\/a><\/p>\n<div class=\"fb-background-color\">\n\t\t\t  <div \n\t\t\t  \tclass = \"fb-comments\" \n\t\t\t  \tdata-href = \"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/\"\n\t\t\t  \tdata-numposts = \"10\"\n\t\t\t  \tdata-lazy = \"true\"\n\t\t\t\tdata-colorscheme = \"light\"\n\t\t\t\tdata-order-by = \"social\"\n\t\t\t\tdata-mobile=true>\n\t\t\t  <\/div><\/div>\n\t\t  <style>\n\t\t    .fb-background-color {\n\t\t\t\tbackground:  !important;\n\t\t\t}\n\t\t\t.fb_iframe_widget_fluid_desktop iframe {\n\t\t\t    width: 100% !important;\n\t\t\t}\n\t\t  <\/style>\n\t\t  ","protected":false},"excerpt":{"rendered":"<p>In our previous posts on Introduction to Website Search and Designing the Search Box, we underscored the importance of the search bar for improved UX, the ideal placement for the bar &amp; much more. Now that we\u2019ve established the why and the how to design, let\u2019s take a look at the how to develop in<\/p>\n","protected":false},"author":40,"featured_media":17591,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_has_post_settings":[],"_rc_manual_related_posts":[],"footnotes":""},"categories":[1367,1523],"tags":[4477,4493,4489,4485,4481,4357,4361],"hashtags":[],"class_list":["post-17583","post","type-post","status-publish","format-standard","has-post-thumbnail","category-design","category-development","tag-algolia","tag-freefind","tag-google-custom-search","tag-google-search","tag-lucene","tag-search-bar","tag-search-box"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Developing the Search box: 5 ways to add a search box on your website<\/title>\n<meta name=\"description\" content=\"Learn how to create a search box for your website to improve navigation, user experience, content discovery, and visitor retention online for websites.\" \/>\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.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Developing the Search box: 5 ways to add a search box on your website\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a search box for your website to improve navigation, user experience, content discovery, and visitor retention online for websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"ResellerClub Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100005889763273\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-24T10:18:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-22T10:48:47+00:00\" \/>\n<meta name=\"author\" content=\"Amrita\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amrita\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/\"},\"author\":{\"name\":\"Amrita\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/#\\\/schema\\\/person\\\/3022c632f8c79376e89b21ebd7e3c777\"},\"headline\":\"Developing the Search box: 5 ways to add a search box on your website\",\"datePublished\":\"2017-07-24T10:18:52+00:00\",\"dateModified\":\"2026-05-22T10:48:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/\"},\"wordCount\":1041,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"algolia\",\"freefind\",\"google custom search\",\"google search\",\"lucene\",\"search bar\",\"search box\"],\"articleSection\":[\"Web Design Blogs\",\"Web Development Blogs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/\",\"url\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/\",\"name\":\"Developing the Search box: 5 ways to add a search box on your website\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2017-07-24T10:18:52+00:00\",\"dateModified\":\"2026-05-22T10:48:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/#\\\/schema\\\/person\\\/3022c632f8c79376e89b21ebd7e3c777\"},\"description\":\"Learn how to create a search box for your website to improve navigation, user experience, content discovery, and visitor retention online for websites.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"How to Add Search Box in Website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/how-to-create-a-search-box-for-your-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Developing the Search box: 5 ways to add a search box on your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/\",\"name\":\"ResellerClub Blog\",\"description\":\"Web Hosting &amp; Domains\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/#\\\/schema\\\/person\\\/3022c632f8c79376e89b21ebd7e3c777\",\"name\":\"Amrita\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/amrita.k-150x150.jpg\",\"url\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/amrita.k-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/amrita.k-150x150.jpg\",\"caption\":\"Amrita\"},\"description\":\"Amrita Konaiagari is the Team Lead for Content Marketing at Endurance International Group (APAC). She is also the Editor of the ResellerClub blog. She holds a Bachelor\u2019s Degree in Psychology from St. Xavier\u2019s College, Mumbai and a Master\u2019s Degree in Communication & Journalism from the Mumbai University. She has 9 years of experience in Digital Marketing. She has a passion for home decor and hopes to one day be a book author.\",\"url\":\"https:\\\/\\\/www.resellerclub.com\\\/blog\\\/author\\\/amrita-k\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Developing the Search box: 5 ways to add a search box on your website","description":"Learn how to create a search box for your website to improve navigation, user experience, content discovery, and visitor retention online for websites.","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.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/","og_locale":"en_US","og_type":"article","og_title":"Developing the Search box: 5 ways to add a search box on your website","og_description":"Learn how to create a search box for your website to improve navigation, user experience, content discovery, and visitor retention online for websites.","og_url":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/","og_site_name":"ResellerClub Blog","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100005889763273","article_published_time":"2017-07-24T10:18:52+00:00","article_modified_time":"2026-05-22T10:48:47+00:00","author":"Amrita","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Amrita","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#article","isPartOf":{"@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/"},"author":{"name":"Amrita","@id":"https:\/\/www.resellerclub.com\/blog\/#\/schema\/person\/3022c632f8c79376e89b21ebd7e3c777"},"headline":"Developing the Search box: 5 ways to add a search box on your website","datePublished":"2017-07-24T10:18:52+00:00","dateModified":"2026-05-22T10:48:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/"},"wordCount":1041,"commentCount":0,"image":{"@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#primaryimage"},"thumbnailUrl":"","keywords":["algolia","freefind","google custom search","google search","lucene","search bar","search box"],"articleSection":["Web Design Blogs","Web Development Blogs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/","url":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/","name":"Developing the Search box: 5 ways to add a search box on your website","isPartOf":{"@id":"https:\/\/www.resellerclub.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#primaryimage"},"thumbnailUrl":"","datePublished":"2017-07-24T10:18:52+00:00","dateModified":"2026-05-22T10:48:47+00:00","author":{"@id":"https:\/\/www.resellerclub.com\/blog\/#\/schema\/person\/3022c632f8c79376e89b21ebd7e3c777"},"description":"Learn how to create a search box for your website to improve navigation, user experience, content discovery, and visitor retention online for websites.","breadcrumb":{"@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#primaryimage","url":"","contentUrl":"","caption":"How to Add Search Box in Website"},{"@type":"BreadcrumbList","@id":"https:\/\/www.resellerclub.com\/blog\/how-to-create-a-search-box-for-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.resellerclub.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Developing the Search box: 5 ways to add a search box on your website"}]},{"@type":"WebSite","@id":"https:\/\/www.resellerclub.com\/blog\/#website","url":"https:\/\/www.resellerclub.com\/blog\/","name":"ResellerClub Blog","description":"Web Hosting &amp; Domains","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.resellerclub.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.resellerclub.com\/blog\/#\/schema\/person\/3022c632f8c79376e89b21ebd7e3c777","name":"Amrita","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.resellerclub.com\/blog\/wp-content\/uploads\/2019\/08\/amrita.k-150x150.jpg","url":"https:\/\/www.resellerclub.com\/blog\/wp-content\/uploads\/2019\/08\/amrita.k-150x150.jpg","contentUrl":"https:\/\/www.resellerclub.com\/blog\/wp-content\/uploads\/2019\/08\/amrita.k-150x150.jpg","caption":"Amrita"},"description":"Amrita Konaiagari is the Team Lead for Content Marketing at Endurance International Group (APAC). She is also the Editor of the ResellerClub blog. She holds a Bachelor\u2019s Degree in Psychology from St. Xavier\u2019s College, Mumbai and a Master\u2019s Degree in Communication & Journalism from the Mumbai University. She has 9 years of experience in Digital Marketing. She has a passion for home decor and hopes to one day be a book author.","url":"https:\/\/www.resellerclub.com\/blog\/author\/amrita-k\/"}]}},"_links":{"self":[{"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/posts\/17583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/comments?post=17583"}],"version-history":[{"count":7,"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/posts\/17583\/revisions"}],"predecessor-version":[{"id":38175,"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/posts\/17583\/revisions\/38175"}],"wp:attachment":[{"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/media?parent=17583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/categories?post=17583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/tags?post=17583"},{"taxonomy":"hashtags","embeddable":true,"href":"https:\/\/www.resellerclub.com\/blog\/wp-json\/wp\/v2\/hashtags?post=17583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}