1. Getting started


Steps to follow

1. Create an account on searchIQ.

2. Copy the API key from searchIQ account, you can find it after selecting "Create Engine" option.

3. Once you've created an account, go to your WordPress site and install searchIQ WordPress plugin.

4. You will be asked to enter your searchIQ API key.

5. Select the post types you want to search.

6. Index your posts, you are all set!


2. Setup For WordPress site

- Autocomplete Customization

Video Tutorial


Steps to follow:

1. Go to searchIQ WordPress plugin.

2. Select autocomplete tab.

3. Customize the fields as per your requirements.

4. If there is no customization for any specific element you are looking for, please watch this video



- Results Page Customization

Video Tutorial


Steps to follow:

1. Go to searchIQ WordPress plugin.

2. Select results page tab.

3. Customize the fields as per your requirements.

4. If there is no customization for any specific element you are looking for, please watch this video



- CSS Override

Video Tutorial


Steps to follow:

1. Go to searchIQ WordPress plugin.

2. Select options tab.

3. Add CSS rules to override in Custom CSS text area.

4. Click Save. Its done!



- Options


To enable or disable the results page and autocomplete you will need to navigate to the “Options” tab
config-tab-options

searchIQ results page

custom-search-page-checked

Autocomplete without thumbnails

after-autocomplete-hide-images

Autocomplete with thumbnails

before-autocomplete-hide-images

Load thumbnail image from custom field


Steps to follow:

1. Go to searchIQ WordPress plugin.

2. Select options tab.

3. Select the dropdown list of custom fields.

4. Select the custom field you want to pull image from.

5. Click save.

6. Click regenerate thumbnails.

NOTE: If you don't find custom field in the dropdown, select "Other...", then mention the custom field name in the text box (it is case sensitive), follow steps from 5.



- Add a search bar

a. Widget

Steps to follow:

1. Select the widget option under appearance in your WordPress dashboard.

2. Grab the “searchIQ search box” from the widgets menu.

3. Drag and drop it wherever you want it on your site.

4. It will automatically install on your site.

 

a.a Widget with post type filters(available to pro users only)

Steps to follow are same as above.

In this widget post types can be selected. Autocomplete for this widget's search box will show results based on the selected post types.

post type filter

 

b. Menu Icon

Steps to follow:

1. Go into searchIQ options.

menu icon

2. Select the menu where you would like the icon to be (header, footer, main, etc.).

3. Finally, select save. The icon will show automatically at the end of the menu you have chosen.

 

c. Shortcode(available to pro users only)

Steps to follow:

1. Add the following shortcode anywhere on the page, post, custom post type or widget.

[siq_searchbox]

This shortcode can have the following options:

1. type

  Accepted values:

 "search-bar" or "icon"
 "search-bar" will show regular text box for search.
search-bar

 "icon" will show a clickable search icon for search. Clicking the icon will open a search-bar.
search-icon
 search icon open on click
search-icon-open

2. post-types

  Accepted values:

 post-types can accept any built-in or custom post type that has been synced with searchIQ in `synchronizing posts` step.

3. placeholder

  Accepted values:

 The placeholder can accept any text value you want to show as default text in the search box

4. width

  Accepted values:

 width can accept any integer value which will be used to set the width of the search box. The integer value may be suffixed by % or px. If the value is added without suffix it will by default take px as the suffix.
Default width for search-bar is 100% of the parent element and for icon is 300px


5. placement

  Accepted values:

 "left" or "right"
 "left" will place the search bar or icon on the left of the screen.
 "right" will place the search bar or icon on the right of the screen.

 

Example shortcode with options:

[siq_searchbox type="icon" placeholder="Search here" post-types="post,product" width="500" placement="right"]

3. Setup For non WordPress site

Setup Autocomplete

  1. 1. Copy the javascript code from your searchIQ account and paste it right before </head> tag on every page to activate autocomplete.

    Install search code

    Note: If your site has a search bar please verify the input box name, if is it not "s" then please mention you input box name as shown below.

    For example: if name is "search"

    <input type="text" value="" placeholder="Search this website…" name="search">

    Then you have to update the same name in the searchIQ as shown below.

    Change search box name

    After setting up correctly you should start seeing autocomplete results.

    Autocomplete results

Add a Search Bar

  1. If your site doesn't have a search bar then copy the below code and paste it where you want to show the search field to appear.

    Note: This is the basic search box, you can create your own css to customize it.

    <form id="siq_searchForm"> <input type="search" placeholder="Type here to search..." value="" name="s"> </form>

Setup Results Page

  1. 1. If you would like to use searchIQ results page, then copy the below code to the page where you want the results to appear after user submits the search.

    <div id="siq_search_results"></div>

    2. Configure results page url in the searchIQ to show results page.

    For example, the page url where you copied the above code is http://sample.com/search-page.html

    3. You have to configure the same url in the searchIQ as shown below.

    Result page configure

    Below image shows sample searchIQ results page

    searchIQ results page

4. Features

- Cross Domain Search / Site Group

Video Tutorial


Steps to follow:

  1. 1. Log in to the dashboard.

  2. 2. Select Site Groups tab from the main page after login.

  3. 3. Create a site group, and add the search engines you would like to link the results for.

    Create Site Group
  4. 4. Turn on the cross-site search results if you would like the results from one website to show on another site’s Search Engine. See example below.

    toggle cross-site search
  5. 5. Cross domain search is ready. See example below.

    demo cross site

- Analytics

Video Tutorial


Steps to follow:

  1. 1. Log in to the dashboard.

  2. 2. Select the search engine dashboard for the analytics reports you’d like to view.

    search_engine
  3. 3. Select the Analytics tab.

    analytics_1
  4. 4. To see historical analytics select the time frame in the drop down.

    analytics

- Synonyms

Video Tutorial


Steps to follow:

  1. 1. Log in to the dashboard.

  2. 2. Select the search engine you want to configure.

    search_engine
  3. 3. Select Manage -> Synonyms

    synonym
  4. 4. To add new synonyms, enter the words seperated by comma as shown.

    synonym_words
  5. 5. Click “Add” to register the synonym.

    synonym_add
  6. Below is an example for the keyword «cheap»

    synonym-example

- Weights

Video Tutorial


Steps to follow:

  1. 1. Log in to the dashboard.

  2. 2. Select the search engine you want to configure.

    search_engine
  3. 3. Select Manage -> Weights

    weights
  4. 4. Type a keyword and click “Search” in order to see your changes.

    weights_1
  5. 5. Change the weights by sliding and configuring the results.

    weights_slider
  6. 6. To restore the default weights, click “Restore Defaults”.

    weights_default

- Delete Domain

  1. 1. Log in to the dashboard.

  2. 2. Select the search engine you want to delete and click “Delete”.

    search_engine
  3. 3. Click Delete to delete the indexed data from searchIQ server. *NOTE – once this is done the data CANNOT be recovered.

    delete_engine
[%%LINKS%%]