# Web widget extensions

Web widget extensions allow you to display content of a web widget in a several places of the Outreach client
application. You can configure the extension to pass a set of contextual data to the widget allowing it to display useful
information to the end user.

Following extension types are currently available:

- [Shell extension](#shell-extension) - launches your widget as a full-page application embedded into Outreach.
- [Tab extension](#tab-extension) - adds a custom tab with your widget to the Prospect/Opportunity/Account detail page.
- [Tile extension](#tile-extension) - adds a new tile containing your widget. The end user may choose to place your tile
on their Prospect/Account overview pages.


You are free to use any available technology to create your extension (for example React). To receive contextual data
your extension should use our lightweight [JavaScript SDK](/client-extensions/javascript-sdk).

## Configuring web-widget extensions

Go to editing your app and open "Feature selection" tab from the menu on the left.
Then add one of the Tile/Tab/Shell extensions.
![Feature selection screen](/assets/web-widget-extensions.16de7b697ef142165e8df063bbe97a16de236823614e2910e456683d5aafaf76.9c1bb791.png)

Then on the extension configuration page put in the URL of your web widget and select the Context properties that you'd
like to be passed to the widget. To read the properties you should use the [JavaScript SDK](/client-extensions/javascript-sdk).
[This article](/client-extensions/your-first-outreach-extension) provides more details.

## Shell extension

Shell extension launches from the main Outreach sidebar. Create this extension if you intend to introduce a whole new
section to Outreach client. You can configure to receive [user](/client-extensions/javascript-sdk/#user) and [org](/client-extensions/javascript-sdk/#organization) data in the extension.

![Shell extension launches from main Outreach sidebar](/assets/shell-extension.00a53435f1431b3680c5c47cc915ee6a8e31dbd973f526c6175ff0e6e33f4f63.9c1bb791.png)

## Tab extension

Tab extension launches from a tab on either Prospect/Account/Opportunity detail page. Create this extension if you
intend to provide a widget that deals with individual prospect, account or opportunity. Aside from [user](/client-extensions/javascript-sdk/#user)
and [org](/client-extensions/javascript-sdk/#organization) you can configure to receive the currently opened [prospect](/client-extensions/javascript-sdk/#prospect), [account](/client-extensions/javascript-sdk/#account)
or [opportunity](/client-extensions/javascript-sdk/#opportunity) data.

![Prospect extension launches from a tab on Prospect detail page](/assets/prospect-extension.1d768ecfc9a7dcf14552525f1c0a3a5ce1f9638420f9535026249eb1409bdf08.9c1bb791.png)

## Tile extension

Tile extension allows you to create a new widget on the prospect or account overview page. Create this extension if you
intend to provide condensed information about prospect or account. Tile extension can be configured to
receive [user](/client-extensions/javascript-sdk/#user), [org](/client-extensions/javascript-sdk/#organization) and [prospect](/client-extensions/javascript-sdk/#prospect) or [account](/client-extensions/javascript-sdk/#account) data.

![Prospect overview with tiles](/assets/tile-extension-1.fbb60c0122392f11d8494ac93bf114aa584125d63a5179ca29253f482cb30bd2.9c1bb791.png)