{"id":5308,"date":"2021-07-15T20:39:00","date_gmt":"2021-07-16T01:39:00","guid":{"rendered":"https:\/\/www.ragesw.com\/blog\/?p=5308"},"modified":"2021-07-15T03:03:50","modified_gmt":"2021-07-15T08:03:50","slug":"everwebs-search-field-widget","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2021\/07\/15\/everwebs-search-field-widget\/","title":{"rendered":"EverWeb&#8217;s Search Field Widget"},"content":{"rendered":"\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"EverWeb&#039;s Search Field Widget\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/iF2Pz7XL2IY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>The recently released EverWeb 3.5 includes two built in widgets that allow your website visitors to search your site: The Search Field widget and&nbsp;the Search Results widget.<\/p>\n\n\n\n<p>The Search Field widget can be used either on its own or together with the Search Results widget.&nbsp;The Search Results widget, however, can only used in conjunction with the Search Field widget. It cannot be used on its own.  Both widgets can be used in either a fixed width page layout (e.g. a centered layout) or in a responsive page layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding the Search Field Widget to The Page<\/h3>\n\n\n\n<p>Use the Search Field widget to add a website search bar to your website. For example, the perfect place would be in a <a href=\"https:\/\/www.ragesw.com\/blog\/2016\/04\/01\/getting-started-with-everweb-3-master-pages\/\">Master Page<\/a> so that the widget is accessible on all the pages attached to the Master Page.<\/p>\n\n\n\n<p>In this example, I am going to use a Responsive Page Layout.&nbsp; Add the Search Field widget by going to the Widgets tab then drag and drop the widget on to the page. You can position the widget as you want to be on the page or do this step later if your page is not complete.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Customizing The Search Field Widget Settings<\/h3>\n\n\n\n<p>As you have just added the Search Field widget to the page you should see its Widget Settings in the Inspector Window. We will use these to customize and style the widget.<\/p>\n\n\n\n<p>First, set the language that you want search related messages&nbsp;to be displayed in using the Language field&nbsp;e.g. the message that you want to display if no search results are found.<\/p>\n\n\n\n<p>Next, choose how you want to see the search results using the Search Results field.&nbsp;You have three options: Drop Down Menu, Popup Window or One of My Pages.<\/p>\n\n\n\n<p>When using the Drop Down Menu or Popup Window to display your search results,&nbsp;you can use all of the options except for \u2018Search Results Page\u2019 which is used only by the \u2018One of My Pages\u2019 option. Customize the settings as you want.<\/p>\n\n\n\n<p>If you check the \u2018Use Page Description Text for Summary\u2019 box, the text from the Page Description field in the Page Settings tab&nbsp;will be used as the text summary in the search results. Note that if the Page Description is short, text from the page itself may be added to the description in the search results.<\/p>\n\n\n\n<p>If you have chosen the \u2018One of my pages\u2019 option, you will need to use a page in your website to display the search results. This page <strong><em>must<\/em><\/strong> include the Search Results widget.&nbsp;<\/p>\n\n\n\n<p>Use the remainder of the options in the Search Field Widget Settings to style the search bar, the search button and the search button when it is moused over.<\/p>\n\n\n\n<p>If you are using the \u2018One of my pages\u2019 option, style the Search Results widget using its own Widget Settings options in your search results page.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Setting Up The Pages to Be Used in Search<\/h3>\n\n\n\n<p>Once you have finished customizing the Search Field widget, you will need to define the pages that you want to be included in your search results. You will then need set up the words and phrases in your website\u2019s pages that will be used for searching upon.&nbsp;<\/p>\n\n\n\n<p>By default, all pages in your site are included in Search, however, you may want specific pages to be excluded from search results, e.g. directory level pages that are used in navigation menus or 404 Page Not Found pages. To exclude a page from being displayed in the search results, uncheck the \u2018Include in Site Search\u2019 option in the Site Search section of the Page Settings tab.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding Words To Be Included in Search<\/h3>\n\n\n\n<p>Once you have deselected the pages you do not want to include in search, you can add search words or phrases to the pages that you want to be available for search. Use these methods:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Add Keywords to the Search Engine Optimization section in the Page Settings tab of your page.&nbsp;<\/li><li>Add Keywords to a blog post by selecting the blog post, then clicking on the Settings Cog. Select \u2018Edit\u2019 from the menu then add your Keywords in to the Keywords section.<\/li><li>Add a Web Page Description for the page.&nbsp;<\/li><li>In blog posts, use the Short Summary field to enter a description of the post.<\/li><li>Add your search words in to the text of the page, or blog post.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Add a Web Page Title To Your Page<\/h3>\n\n\n\n<p>Make sure to complete the Web Page Title in the Page Settings tab as this is used as the title if the page is found in the search results.&nbsp;If you have search results that have no Web Page Title, these will be displayed with a title of \u2018No Title\u2019.<\/p>\n\n\n\n<p>Once you have finished, preview or publish your site to test out your website search!<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">EverWeb on Social Media<\/h2>\n\n\n\n<p>You can also find EverWeb&nbsp;on&nbsp;the following social media platforms:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.facebook.com\/everwebapp\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/flipboard.com\/@everweb\/everweb-m8efhguby\" target=\"_blank\" rel=\"noreferrer noopener\">Flipboard<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/channel\/UCSse-zNlNxTyo7g8JwuVzOg\" target=\"_blank\" rel=\"noopener\" title=\"\">YouTube<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/x.com\/everwebapp\" target=\"_blank\" rel=\"noopener\" title=\"\"> X<\/a><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.instagram.com\/everwebapp\/\" target=\"_blank\">Instagram<\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/www.facebook.com\/everwebapp\/\" target=\"_blank\"><\/a><br><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Search Field widget is at the Heart of EverWeb&#8217;s new Website Search feature! Find out all you need to know about it in this post!<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[247,252,2],"tags":[678,279,655,656,27,654],"class_list":["post-5308","post","type-post","status-publish","format-standard","hentry","category-everweb","category-everweb-software","category-software","tag-blog-post-short-summary","tag-everweb","tag-search-field-widget","tag-search-results-widget","tag-seo","tag-website-search"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/5308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=5308"}],"version-history":[{"count":5,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/5308\/revisions"}],"predecessor-version":[{"id":5454,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/5308\/revisions\/5454"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=5308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=5308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=5308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}