# Getting Started
## Prerequisites
- A CareConekt API key (`ck_` prefixed), created in your organisation's admin portal
- A web page you can add a script tag to
## Installation
Add the script tag to your page. The script is the whole widget: its styles are built in, and nothing else needs to be installed.
```html
```
The `v0` segment is the widget's major version. Non-breaking updates arrive under the same URL; a breaking change ships under a new segment, and the old one keeps working.
## Quick Start
### 1. Add the HTML elements
The widget needs two paired HTML elements linked by a `data-ccs-ino` attribute:
```html
```
:::{note}
The `data-ccs-ino` value links an input to its results container. Use different values (`"1"`, `"2"`, etc.) for several independent widgets on the same page.
:::
### 2. Configure and initialise
```html
```
### 3. Use it
- **Type** in the search input: suggestions appear after 2 characters
- **Press Enter**: runs a full search with paged results
- **Click a result**: fires your `onSelect` callback with the concept
- **Click the info icon**: opens the concept detail panel
- **Use the code system dropdown**: limits the search to one code system
## Minimal Complete Example
```html
Code Search
Medical Code Search
Selected: None
```
## Multiple Instances
You can have several independent search widgets on the same page:
```html
```
Each instance keeps its own state: searching in one does not affect the other.