The Search Engine wizard's tabs are seen below.

   4.   Click Next  .  Webtreepro will bring up the Placement screen.  Choose one of the page options and panel.  Typically, a

         Search Engine is located in the upper right corner, on every page of the site.  For more information about the Placement tab,

         click here.   

   5.   Click Next  .   Webtreepro will bring up the Details screen with its two tabs.  The Common Properties tab is seen

          below.

Details Tab;  Common Properties:

  1.  Highlite Color:  Choose a color to highlight the text of your search word or phrase.

  2.  Number of Items per page:  Choose how many Search Results should be seen on the page.  Remember, this will show the

        search results on this very page.

  3.  Show the total number of results:  If checked, it will give you the number of results found.  This will be located under the Search

        Engine box when the results are shown.

  4.  Select Results Page:  If you have created a separate page to display the Search Engine results use the dropdown to select the page.

        For the same page viewing of Search Results, leave the dropdown at None.

  5.  Default Text:  If you would like a certain text to show in the results box, enter it here.  An example might be, "I'm looking for..." 

       When a visitor begins to enter a word or phrase, the Default Text will disappear.  This is seen in Published Mode.

  6.  Search Button:  Default will give you the image of a typical Search button, but you can choose another image from your library by

        clicking Select located at the center bottom of the Common Properties tab.  See above arrow.  

•  This will take you to your library where you can make your selection. 

• Your selected image will show up under Preview,  bottom right.   If the image is not exactly what you had in mind, just click Select again to return to your library where you can make another selection. 

• If you completely change your mind and decide against having a Custom Image, click None that is located in the center of the tab under Custom Image.  See arrow below.  Your image will be deleted.

   7.   Now, click the Styles tab, seen next to Common Properties.  This is where you can choose different fonts and font colors that will

         appear in your Search Results.  Do not click "Next" yet, as it will take you to the Publish Dates screen in the Add Content wizard.

Details Tab; Styles:

   The Styles screen is shown below.

   1.       To choose different Fonts, click the Font button .  To cancel any selections, click Clear  .

When the Font button is clicked, the window below will appear.

   2.   Font Style:  Click the Font button  .  The 3 dropdowns will let you choose a Font, a Font Style and Size, all of which can be seen

          in the preview box at the bottom of the Font Settings window.  (The preview box in the example above is showing "Tahoma" font.)  

          Click OK    to save, and return to the Style tab.

   3.   Font Color:  You can choose a color for your font by clicking the square to see the color palette, or by entering the hex color code

         number.  If you don't choose a color, the font will be in black.

   4.   Title Style Font and Color:  The chosen colors and font will appear in the results' page Title.

   5.   Summary Text Style Font and Color:  The chosen colors and font will appear in the Text of the Search word or phrase.

   6.    URL Style Font and Color:  The chosen colors and font will appear in the pages' URLs.

   7.   Default Text Style Font and Color:  The chosen color and font  will appear in the Default text. (To review "Default Text" return to

         Common Properties, # 5, above.)

   8.   If you are not going to select anything more on this page, click Next   to save, or click  Cancel  to exit

         without saving.  Or click Next   and you will be taken to the Publish Dates window of the Add Content wizard.  Follow the

         wizard to the Visibility tab, and finally, to the Publishing tab.  Click Finish  , and your Search Engine will be in place.

   9.   In Edit Mode, the Search Engine will be similar to the example below.

  10.   To test the Search Engine, you must be in Published Mode, or click on Date Preview located in the gray panel to your left.

Note:    As with all newly added Content, the Search Engine will be located at the bottom of the selected panel.  You may want to move it elsewhere.  If so, do a right click inside it, and the  "Search Engine Details" window appears, seen below.   Click Move to... and another flyout appears.  Make a selection.  In order to move the Search Engine to its perfect location, this process may need to be repeated.

 

 

 

Search Engine Details