---
title: Share Query component
slug: '3216'
canonical_url: https://docs.coveo.com/en/3216/
collection: javascript-search-framework
source_format: adoc
---
# Share Query component


The [`ShareQuery`](https://coveo.github.io/search-ui/components/sharequery.html) component allows users to easily share the search results they obtained for a specific [query](https://docs.coveo.com/en/231/).

The [`ShareQuery`](https://coveo.github.io/search-ui/components/sharequery.html) component appears as an option of the [**Settings** menu](https://docs.coveo.com/en/1644/) ![Settings](https://docs.coveo.com/en/assets/images/coveo-platform/icon-settings.png) when a [`Settings`](https://coveo.github.io/search-ui/components/settings.html) component is initialized.



## Adding the Share Query component to a search interface

Find the `<div class="coveoSettings">` section, and then add the following code to the section:

```html
<div class="CoveoShareQuery"></div>
```

The `<div class="coveo-search-section">` section should now look like this:

```html
<div class="coveo-search-section">
	<div class="CoveoSearchbox" data-enable-omnibox="true"></div>
	<div class="CoveoSettings">
		<div class="CoveoShareQuery"></div>
	</div>
</div>
```

## Reference

The **Share Query** panel contains the following information:

### Link

This box contains a sharable URL with query parameters of the search interface.

### Complete query

When a query has been sent, this box is filled with the query entered by the current user.