{"id":2260,"date":"2018-09-13T23:59:44","date_gmt":"2018-09-13T16:59:44","guid":{"rendered":"https:\/\/blog.travelpayouts.com\/en\/?p=2260"},"modified":"2021-10-02T20:51:26","modified_gmt":"2021-10-02T17:51:26","slug":"how-to-improve-search-box-and-form-conversion-rates","status":"publish","type":"post","link":"https:\/\/www.travelpayouts.com\/blog\/how-to-improve-search-box-and-form-conversion-rates\/","title":{"rendered":"10 Tips for Improving Search Box or Form Conversion Rates"},"content":{"rendered":"

Types of Search Boxes and Forms<\/h2>\nThere are three main types of search boxes and forms. We know that they all have the same goal: to get a user to the page they\u2019re looking for. The question is how visitors see this form and how they use it. Let\u2019s start with UX\/UI design.\n

Modal Search Window<\/h3>\nModal windows are not new on the web and can be used for different purposes, including a search feature. Usually, modals draw people\u2019s attention. In our case, there is no exception. After clicking on the button, users see and focus only on search options. It might be helpful when you have a complex process with several options from which to choose. However, it\u2019s not always this way \u2013 see the example below.\n\n
\n
\"Modal\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n

Inline Search Form<\/h3>\nInline search is very simple and understandable even for amateurs. A search box won\u2019t pop up on the screen but remains part of the interface. The box can be there all the time. There\u2019s no need for excessive clicking, as it is always on the top of the screen. Or a form may appear after one click on a certain button on the screen, but it won\u2019t be as noticeable as modals.\n\n
\n
\"Inline\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n

Autosuggestion<\/h3>\nAutosuggestion was first used by Google, and look how far we\u2019ve come since then. A creative approach toward autosuggestion can massively improve conversion rates of many websites. For example, you\u2019ve seen simple inline search, but add some icons and info to the search results, and user experience improves 10 times.\n\n
\n
\"Autosuggestion\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div>\n\nAll in all, the most important trait of any search box is clarity. Some visual elements we perceive intuitively; that\u2019s why designers add a magnifier icon next to the box or simply the word \u201cSearch\u201d. Gathering all this information, Travelpayouts created perfect boxes for your website. Let\u2019s look at them a little closer and check more details about search box optimization.\n

10 Tips to Increase Search Form Conversion Rate<\/h2>\nOur experts know enough tricks to make a search box work for you. We\u2019re giving you the basic information here, but we\u2019re open to discussion and will answer all your questions.\n

Tip 1. Don\u2019t Hide the Search Box.<\/h3>\nThis is quite a simple tip, but we\u2019ve placed it on the very first place, as it\u2019s very common. Remember: Do not hide the search box. Users who want to find something don\u2019t have to search the search box.\n\nIf you don\u2019t know where the best place is, run a test, but never hide the form. An easily reachable form is the key to success.\n

Tip 2. Set up Conversion Tracking for Search Form Conversion Rate Optimization.<\/h3>\nWith a tracking tool, you will know what people look for most often, what fields they use, and what place the search form takes in their journey. Here are some examples of tools you can use:\n