Integrating Orion

What you have to do add Orion to your product.

Basic

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

Vanilla HTML

Include this script tag at the bottom of your html file

 <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>

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

 <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"
 />

How to localise Orion

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

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

Supported Languages

• en - English

• de - German

If your language is not added, reach out to us. We are happy to include yours on request. support(@)stepsailor.com