# Search 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

![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2FfpTxjn8SpRdaoFtl4Y8b%2Fimage.png?alt=media\&token=d7e27a31-58c0-4fe0-9236-5bedc2ab5e06)

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)

![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2FZNH4h3iW5pBH6W4DsFN8%2Fimage.png?alt=media\&token=5fefa27d-dde7-4ff0-8fde-6803a8125f5a)![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2FbDcqReRwjLxuXqyqSFLj%2Fimage.png?alt=media\&token=fd235e48-9a36-490f-a900-dfffa19ee2d9)

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)

![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2FKwvd38abCroMaeJ2L0DD%2Fimage.png?alt=media\&token=60fd4565-8004-474a-945b-07c39cec0f1c)![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2F58NxlNLSPx0uFLqYZjV1%2Fimage.png?alt=media\&token=c04aa48f-07d3-47d5-812f-029d5b13b56e)

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

{% hint style="warning" %}
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**.
{% endhint %}

### Format:

`[wd_asp_results id=1 element='div']`

### Parameters:

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

## Two column shortcode (optional)

![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2F5Cy2rxJ4ZsMaBBkBQdoh%2Fimage.png?alt=media\&token=441f39c0-3bf8-484c-a67a-a0275ff4f77d)![](https://1706764988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L9jkFgNo4lpUof35gvS%2Fuploads%2FfqvI75ChcYQq3VS6lOMY%2Fimage.png?alt=media\&token=e4b53b9a-b1bd-4268-b324-deee086c372b)

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