Search Shortcodes

Placing the search elements to a page via shortcodes

There are four different shortcodes available for each search instance. Each of these shortcodes can be placed into any post/page or custom post type content or into the theme files.

Search box shortcode

This is the most used, all-around shortcode. It places the search form anywhere on your site. This is the shortcode you are looking for in most cases.

Format:

[wd_asp id=1]

Parameters:

  • id (integer) - the id of the search instance

Settings shortcode (advanced use)

Shortcodes for placing the settings box elsewhere, but on the same page where the search shortcode is.

Format:

[wd_asp_settings id=1 element='div']

Parameters:

  • id (integer) - the id of the search instance

Results shortcode (advanced use)

Shortcodes for placing the results box elsewhere, but on the same page where the search shortcode is.

The results shortcode is not made to be used as a custom results page! It is only to position (detach) the live search results list away from the search bar, on the same page.

Format:

[wd_asp_results id=1 element='div']

Parameters:

  • id (integer) - the id of the search instance

Two column shortcode (optional)

Will place a search box (left) and a result box (right) next to each other, like the one on the demo front page.

Format:

[wd_asp_two_column id=1 search_width=50 results_width=50 invert=0 element='div']

Parameters:

  • id (integer) - the id of the search instance

  • search_width - (integer) the search bar width (in %, not px)

  • results_width - (integer) the results box width (in %, not px)

  • invert - (0 or 1) inverts the search and results box position from left to right

Last updated

Copyright Ernest Marcinko