{"id":606,"date":"2022-01-10T20:30:40","date_gmt":"2022-01-10T15:00:40","guid":{"rendered":"https:\/\/hostkicker.com\/blog\/?p=606"},"modified":"2022-05-17T11:38:36","modified_gmt":"2022-05-17T06:08:36","slug":"how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode","status":"publish","type":"post","link":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/","title":{"rendered":"How to Add a Search Form in a WordPress Post With a Shortcode"},"content":{"rendered":"<p><span data-preserver-spaces=\"true\">A search form in a WordPress post is a great way to facilitate visitors to find more content on your website. They can search for a specific article there. <\/span><\/p>\n<p><span data-preserver-spaces=\"true\">In addition, The search form helps visitors connect with the different articles on your website. <\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Read the section until the end if you want to know how to add a search form in a WordPress post.\u00a0<\/span><\/p>\n<h3><span data-preserver-spaces=\"true\">Why Add a Search form in WordPress posts?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">A search form&#8217;s main purpose is pretty obvious to allow visitors to search for more content. If someone enjoyed reading your content, they would surely want to read more. Presenting a search form in the post will help them easily find more content on your WordPress site. <\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Moreover, a<\/span><span data-preserver-spaces=\"true\">dding a search form will engage the visitors to your site, resulting in increased page views and reducing the bounce rate.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">In this write-up, we will explain two methods to explain how you can add a search form in a WordPress post. These are<\/span><span data-preserver-spaces=\"true\"> the Plugin and<\/span><span data-preserver-spaces=\"true\">\u00a0Coding method\u00a0<\/span><\/p>\n<h2><span data-preserver-spaces=\"true\">1. Plugin method to add a search form\u00a0<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">You can use the\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/searchwp.com\/\" target=\"_blank\" rel=\"noopener\"><span data-preserver-spaces=\"true\">SearchWP<\/span><\/a><span data-preserver-spaces=\"true\"> plugin to add a search form to your posts in WordPress.<\/span><\/p>\n<ul>\n<li>\n<h3><strong><span data-preserver-spaces=\"true\">To setup SearchWP Plugin<\/span><\/strong><\/h3>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-607\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hero-screenshot-custom-fields.png\" alt=\"\" width=\"935\" height=\"644\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hero-screenshot-custom-fields.png 1004w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hero-screenshot-custom-fields-300x207.png 300w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/hero-screenshot-custom-fields-768x529.png 768w\" sizes=\"auto, (max-width: 935px) 100vw, 935px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">First, Install and activate the searchWP plugin.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">After activation, Go to the\u00a0<\/span><strong><span data-preserver-spaces=\"true\">Settings \u00bb SearchWP<\/span><\/strong><span data-preserver-spaces=\"true\">\u00a0page and click on the &#8216;License&#8217; menu option.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-608\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchwp-license-key.png\" alt=\"\" width=\"550\" height=\"209\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchwp-license-key.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchwp-license-key-300x114.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">Now, you have to enter your license key in the License box. You can find your license key in your account on the SearchWP website.\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">After that, click on the Activate button.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Then, click on the Engines menu option. On the next page, you can choose your search engine settings.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-609\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchwp-engines-settings.png\" alt=\"\" width=\"550\" height=\"242\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchwp-engines-settings.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchwp-engines-settings-300x132.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">Here, create a site-wide search engine. You can change your search engine settings by clicking on the Posts, Pages, and Media dropdown options.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">The Attribute sliders in each section modify how the search engines value and rank content.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-610\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/adjust-search-engine-attributes.png\" alt=\"\" width=\"550\" height=\"250\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/adjust-search-engine-attributes.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/adjust-search-engine-attributes-300x136.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/>\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">For example, you can change the sliders accordingly to value the post title higher than the content.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">After adjusting the settings, click the &#8216;Save Engines&#8217; button.<\/span><\/p>\n<ul>\n<li>\n<h3><strong><span data-preserver-spaces=\"true\">To add a Search Form to a Post.<\/span><\/strong><\/h3>\n<\/li>\n<\/ul>\n<p><span data-preserver-spaces=\"true\">After this, download the SearchWP shortcodes extension to easily add your new custom post search form to WordPress.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Now, Go to the SearchWP Shortcodes Extension website and click the &#8216;Download available with active license&#8217; button.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-611\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/download-shortcodes-extension.png\" alt=\"\" width=\"550\" height=\"197\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/download-shortcodes-extension.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/download-shortcodes-extension-300x107.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">After that, install and activate the extension the same way you installed the above plugin. Now you can add a search form to your posts.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Go to the post and edit it. Now put the cursor on where you want to add the search form in your post.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\"> After this, click the plus icon &#8216;Add Block&#8217; to bring the blocks menu up.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-612\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformhtmlblock-1.png\" alt=\"\" width=\"550\" height=\"344\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformhtmlblock-1.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformhtmlblock-1-300x188.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">Now, type &#8216;HTML&#8217; in the search box and select the &#8216;Custom HTML&#8217; block option.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">After you add the new block, add the following shortcodes and HTML to your page.\u00a0<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\"> [searchwp_search_form]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">&lt;div class=\"search-results-wrapper\"&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0[searchwp_search_results]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0\u00a0&lt;h2&gt;[searchwp_search_result_link]&lt;\/h2&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0\u00a0[searchwp_search_HTMLlt_excerpt]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0[\/searchwp_search_results]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">&lt;\/div&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">&lt;div class=\"no-search-results-found\"&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0[searchwp_search_results_none]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0No results found, please search again.<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0[\/searchwp_search_results_none]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">&lt;\/div&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">&lt;div class=\"search-results-pagination\"&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0[searchwp_search_results_pagination direction=\"prev\" link_text=\"Previous\"]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0[searchwp_search_results_pagination direction=\"next\" link_text=\"Next\"]<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">&lt;\/div&gt;<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">A search form will be added to the post using this code. It will also form a section to display the search results, show a no result message if required, and add pagination if the results reach multiple pages.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">At last, don&#8217;t forget to click Update to save your post and publish to push it live.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-613\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformupdatepost-1.png\" alt=\"\" width=\"550\" height=\"328\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformupdatepost-1.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformupdatepost-1-300x179.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">You can see the search form in the post on your WordPress website.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-614\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformsearchwppreview-1.png\" alt=\"\" width=\"550\" height=\"179\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformsearchwppreview-1.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformsearchwppreview-1-300x98.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<h2><span data-preserver-spaces=\"true\">\u00a02. Coding method to add a Search Form<\/span><\/h2>\n<p><span data-preserver-spaces=\"true\">You can add a search form to your WordPress posts using a code snippet. This method is for more advanced users who know to code, and it is not recommended for beginners.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">You have to edit the functions.php file in your themes for this coding method.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Now, open your theme&#8217;s functions.php file or a site-specific plugin and place the given code:<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\"> add_shortcode('wpbsearch', 'get_search_form');<\/span><\/pre>\n<p><span data-preserver-spaces=\"true\">This is how the theme editor looks when we add the code in the theme functions.php file.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-615\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformthemeeditor.png\" alt=\"\" width=\"550\" height=\"350\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformthemeeditor.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformthemeeditor-300x191.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">After that, you can add the shortcode [wpbsearch] to the post or page where you would like to place the search form.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-616\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformshortcode.png\" alt=\"\" width=\"550\" height=\"263\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformshortcode.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformshortcode-300x143.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">This will show the default search form. You can see the search form in the post on your WordPress website.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-617\" src=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformpreview.png\" alt=\"\" width=\"550\" height=\"319\" srcset=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformpreview.png 550w, https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/searchformpreview-300x174.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span data-preserver-spaces=\"true\">If you want to display a custom search form, you should use the following code rather than the above one.<\/span><\/p>\n<pre><span data-preserver-spaces=\"true\"> function wpbsearchform( $form ) {<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0$form = '&lt;form role=\"search\" method=\"get\" id=\"searchform\" action=\"' . home_url( '\/' ) . '\" &gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0&lt;div&gt;&lt;label class=\"screen-reader-text\" for=\"s\"&gt;' . __('Search for:') . '&lt;\/label&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0&lt;input type=\"text\" value=\"' . get_search_query() . '\" name=\"s\" id=\"s\" \/&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0&lt;input type=\"submit\" id=\"searchsubmit\" value=\"'. esc_attr__('Search') .'\" \/&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0&lt;\/div&gt;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0&lt;\/form&gt;';<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0\u00a0return $form;<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">}<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">\u00a0 \u00a0<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">add_shortcode('wpbsearch', 'wpbsearchform');<\/span><\/pre>\n<p><strong>To conclude-<\/strong><\/p>\n<p><span data-preserver-spaces=\"true\">After reading this write-up, we hope you have learned to add a search form in your post with a WordPress search shortcode. We have explained the plugin method and the coding method. You can select whichever you like.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A search form in a WordPress post is a great way to facilitate visitors to find more content on your website. They can search for a specific article there. In addition, The search form helps visitors connect with the different articles on your website. Read the section until the end if you want to know [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":625,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-606","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wp-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Add a Search Form in a WordPress Post - Hostkicker<\/title>\n<meta name=\"description\" content=\"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Search Form in a WordPress Post - Hostkicker\" \/>\n<meta property=\"og:description\" content=\"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostkicker\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-10T15:00:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-17T06:08:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"693\" \/>\n\t<meta property=\"og:image:height\" content=\"511\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Olivia Smith\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to Add a Search Form in a WordPress Post - Hostkicker\" \/>\n<meta name=\"twitter:description\" content=\"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olivia Smith\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/\"},\"author\":{\"name\":\"Olivia Smith\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/person\\\/f06306b595baa96c90a0491b941d7660\"},\"headline\":\"How to Add a Search Form in a WordPress Post With a Shortcode\",\"datePublished\":\"2022-01-10T15:00:40+00:00\",\"dateModified\":\"2022-05-17T06:08:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/\"},\"wordCount\":744,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row31-01.png\",\"articleSection\":[\"Wp tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/\",\"name\":\"How to Add a Search Form in a WordPress Post - Hostkicker\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row31-01.png\",\"datePublished\":\"2022-01-10T15:00:40+00:00\",\"dateModified\":\"2022-05-17T06:08:36+00:00\",\"description\":\"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row31-01.png\",\"contentUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/row31-01.png\",\"width\":693,\"height\":511,\"caption\":\"How to Add a Search Form in a WordPress Post With a Shortcode\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Search Form in a WordPress Post With a Shortcode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\",\"name\":\"Hostkicker\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#organization\",\"name\":\"Hostkicker\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/hostkicker-logo-01.png\",\"contentUrl\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/hostkicker-logo-01.png\",\"width\":940,\"height\":218,\"caption\":\"Hostkicker\"},\"image\":{\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/#\\\/schema\\\/person\\\/f06306b595baa96c90a0491b941d7660\",\"name\":\"Olivia Smith\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g\",\"caption\":\"Olivia Smith\"},\"url\":\"https:\\\/\\\/hostkicker.com\\\/blog\\\/author\\\/olivia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add a Search Form in a WordPress Post - Hostkicker","description":"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.","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:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a Search Form in a WordPress Post - Hostkicker","og_description":"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.","og_url":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/","og_site_name":"Hostkicker","article_published_time":"2022-01-10T15:00:40+00:00","article_modified_time":"2022-05-17T06:08:36+00:00","og_image":[{"width":693,"height":511,"url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png","type":"image\/png"}],"author":"Olivia Smith","twitter_card":"summary_large_image","twitter_title":"How to Add a Search Form in a WordPress Post - Hostkicker","twitter_description":"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.","twitter_image":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png","twitter_misc":{"Written by":"Olivia Smith","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#article","isPartOf":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/"},"author":{"name":"Olivia Smith","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/person\/f06306b595baa96c90a0491b941d7660"},"headline":"How to Add a Search Form in a WordPress Post With a Shortcode","datePublished":"2022-01-10T15:00:40+00:00","dateModified":"2022-05-17T06:08:36+00:00","mainEntityOfPage":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/"},"wordCount":744,"commentCount":0,"publisher":{"@id":"https:\/\/hostkicker.com\/blog\/#organization"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#primaryimage"},"thumbnailUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png","articleSection":["Wp tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/","url":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/","name":"How to Add a Search Form in a WordPress Post - Hostkicker","isPartOf":{"@id":"https:\/\/hostkicker.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#primaryimage"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#primaryimage"},"thumbnailUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png","datePublished":"2022-01-10T15:00:40+00:00","dateModified":"2022-05-17T06:08:36+00:00","description":"Do you want to add a Search Form in a WordPress Post? This tutorial will explain step by step method for it.","breadcrumb":{"@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#primaryimage","url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png","contentUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png","width":693,"height":511,"caption":"How to Add a Search Form in a WordPress Post With a Shortcode"},{"@type":"BreadcrumbList","@id":"https:\/\/hostkicker.com\/blog\/how-to-add-a-search-form-in-a-wordpress-post-with-a-shortcode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hostkicker.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Add a Search Form in a WordPress Post With a Shortcode"}]},{"@type":"WebSite","@id":"https:\/\/hostkicker.com\/blog\/#website","url":"https:\/\/hostkicker.com\/blog\/","name":"Hostkicker","description":"Blog","publisher":{"@id":"https:\/\/hostkicker.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hostkicker.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hostkicker.com\/blog\/#organization","name":"Hostkicker","url":"https:\/\/hostkicker.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/hostkicker-logo-01.png","contentUrl":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2021\/12\/hostkicker-logo-01.png","width":940,"height":218,"caption":"Hostkicker"},"image":{"@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hostkicker.com\/blog\/#\/schema\/person\/f06306b595baa96c90a0491b941d7660","name":"Olivia Smith","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/24a6b2466362238ad275f97a2f2fc49ce8d139c034114d6b9c52de1b12ebf1bd?s=96&d=mm&r=g","caption":"Olivia Smith"},"url":"https:\/\/hostkicker.com\/blog\/author\/olivia\/"}]}},"jetpack_featured_media_url":"https:\/\/hostkicker.com\/blog\/wp-content\/uploads\/2022\/01\/row31-01.png","_links":{"self":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/comments?post=606"}],"version-history":[{"count":5,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/606\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/posts\/606\/revisions\/622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/media\/625"}],"wp:attachment":[{"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/media?parent=606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/categories?post=606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostkicker.com\/blog\/wp-json\/wp\/v2\/tags?post=606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}