How to add a search form to the page layout

It is sometimes necessary to add a search form directly to the header or footer of a page layout to allow a user to enter keywords(s) on any page instead of clicking a link to go to the search page. The screencast shows exactly how to implement this tutorial and the instructions below show the general steps involved. The screencast is narrated in English.

Step-by-step instructions

  1. Create a Search engine Module.
    • (Layout > Modules > Add module > Module type = Search engine)
  2. Add the module to a page of the website.
    • (Content > Articles > Edit article > Create new CE > Element type = Module)
  3. Create a simple form with a textbox and submit button.
    • (Content > Form generator > New form)
    • Set the ID of the form to be tl_search in the form header
    • Set the 'Jump to page' variable to page that will hold the search form and results
    • Set the Field name of the Text field to be keywords
  4. Create a module for the simple form.
    • (Layout > Modules > Add module > Module type = Form)
  5. Add the module to the Page layout.
    • (Layout > Page layout > Edit layout)

--- Tutorial and screencast created by Ben

Also available in: HTML TXT