Show Search Query in Search Box and Query in Results Page

Are you looking for a way to show search query in search box and query in the search results page? While there’s probably a plugin for this, we have created a quick code snippet that you can use to show search query in search box and query in results page.

Instructions:

All you have to do is add this code to your theme’s file or in a site-specific plugin:

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
  <div>
    <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="Search" />
  </div>
</form>

<p>You searched for " <?php the_search_query() ?> ". Here are the results:</p>

Note: If this is your first time adding code snippets in WordPress, then please refer to our guide on how to properly copy / paste code snippets in WordPress, so you don’t accidentally break your site.

If you liked this code snippet, please consider checking out our other articles on the site like: how to set up Google analytics eCommerce tracking for WooCommerce and 9 best WordPress events plugins.