Installation Ready-made View

AddSearch is an instant search for websites that gives results immediately and is very easy to install. Implementing the AddSearch instant search onto your Joomla site can be done by following these instructions.

How to Install AddSearch onto a Joomla Site

First, find your Site key by following these instructions:

  1. Login to your AddSearch Account
  2. Go to Keys and installation under Setup
  3. Copy your site key under Your Site Key

Use our Search Designer tool to configure the widget according to your needs and copy the installation script. Then paste the script into your website template where you would like the AddSearch field to appear. Here is an example of what the script snippet might look like:

<script>
 window.addsearch_settings = {
  "asw_01": {
    "show_search_suggestions": false,
    "search_suggestion_position": "left",
    "default_sortby": "relevance",
    "display_date": false,
    "display_meta_description": false,
    "display_result_image": true,
    "link_target": "_self",
    "hide_logo": false,
    "direction": "ltr",
    "analytics_enabled": false,
    "automatic_filter_results_by_site_language": false
  }
} 
</script>
<script src="https://cdn.addsearch.com/v5/addsearch-ui.min.js?key=xxxxxx&id=asw_01"></script>

Apply the Script to any Page on Joomla Admin

  1. Login to your Joomla Admin
  2. Go to the “Compenents” and click on the page builder extension you use for Joomla. In this example we are using Quix Joomla content
  3. Click on “Edit” on the page which you want to add the scriptInstalling AddSearch on Joomla Website
  4. Scroll down and click on “Add Section” and click on “Add Element” button (+)Installing AddSearch on Joomla Website
  5. Select the “Raw HTML” elementInstalling AddSearch on Joomla Website
  6. Paste the AddSearch script in text area and click saveInstalling AddSearch on Joomla Website
  7. All done you should see the search bar on your pageInstalling AddSearch on Joomla Website

Was this helpful?

Need more help?

We’re always happy to help with code or other questions you might have. Search our documentation, contact support, or connect with our sales team.