> ## Documentation Index
> Fetch the complete documentation index at: https://fuse-docs.swovo.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Embedding Fuse
> Install our NPM package on your website.
Embedding Fuse in your website is simple. There are two steps:
1. Add the [fuse-importer NPM package](#adding-the-npm-package) to your application.
2. Add a small [JavaScript snippet](#launching-an-importer) to open your Fuse importer.
## Adding the NPM Package
To add Fuse, do:
```bash theme={null}
yarn add fuse-importer
```
To import it for use:
```typescript theme={null}
import FuseImporter from "fuse-importer";
```
To add Fuse, do:
```bash theme={null}
npm install fuse-importer --save
```
To import it for use:
```typescript theme={null}
import FuseImporter from "fuse-importer";
```
Fuse is also hosted on the [unpkg.com](https://unpkg.com/) CDN. Make sure to place the script tag before you initialize the importer.
```html theme={null}
```
## Launching an Importer
The `show` function does exactly what it sounds like; it displays the importer. Ensure you have initialized the importer properly beforehand. Use this function like so:
```javascript theme={null}
import FuseImporter, { getFuseClientSideToken } from 'fuse-importer';
// Initialize the importer
const importer = new FuseImporter();
// See https://fuse-docs.flatirons.com/getting-started/sessions
importer.getSessionToken = getFuseClientSideToken({
importer_slug: 'YOUR_IMPORTER_SLUG',
api_key: 'YOUR_API_KEY'
});
importer.show();
```
```html theme={null}
```
```javascript theme={null}
import React from 'react';
import FuseImporter, { getFuseClientSideToken } from 'fuse-importer';
const App = () => {
const importer = new FuseImporter();
// See https://fuse-docs.flatirons.com/getting-started/sessions
importer.getSessionToken = getFuseClientSideToken({
importer_slug: 'YOUR_IMPORTER_SLUG',
api_key: 'YOUR_API_KEY'
});
const showImporter = () => {
importer.show();
};
return (
);
};
export default App;
```
```typescript theme={null}
import { Component } from '@angular/core';
import FuseImporter, { getFuseClientSideToken } from 'fuse-importer';
@Component({
selector: 'app-root',
template: ``,
})
export class AppComponent {
showImporter() {
const importer = new FuseImporter();
// See https://fuse-docs.flatirons.com/getting-started/sessions
importer.getSessionToken = getFuseClientSideToken({
importer_slug: 'YOUR_IMPORTER_SLUG',
api_key: 'YOUR_API_KEY'
});
importer.show();
}
}
```
```javascript theme={null}
```