---
description: What you have to do add Orion to your product.
---

# Integrating Orion

## Basic

In order to add Orion or other features linked to Orion into your product, you only have add this script tag.

{% tabs %}
{% tab title="Vanilla HTML" %}
Include this script tag at the bottom of your html file

```html

 <script
      data-company-id="your company id"
      data-deploy-config-id="your deploy config Id"
      data-secret="your api key"
      src="https://static.api.stepsailor.com/orion-ai/index.js"
    ></script>
```
{% endtab %}

{% tab title="Next.js" %}
In next.js depending on what route system you use you can add this script tag in different places.\
\
For the app router - which is the new standard - we recommend to put the script tag into a layout script that only covers authenticated routes\
\


```jsx
 <Script
      data-company-id="your company id"
      data-deploy-config-id="your deploy config id"
      data-secret="your api key"
      src="https://static.api.stepsailor.com/orion-ai/index.js"
 />
```
{% endtab %}
{% endtabs %}



## How to localise Orion

You can specifcy the language of the Orion UI by specifiying a Locale

```html
 <script
      src="https://static.api.stepsailor.com/orion-ai/index.js"
      data-locale='de'
      <!-- [... other attributes]-->
 ></script>
```

## Supported Languages

* en - English
* de - German

{% hint style="info" %}
If your language is not added, reach out to us. We are happy to include yours on request.\
\
support(@)stepsailor.com
{% endhint %}

