Mímir

Integration Guide

Below is a short integration guide to adding an A.I. Assistant to your site.

HTML Example

Add the provided script tag to your HTML file. This script should be placed in the <head> section of your HTML document.

With ORGANIZATION_ID replaced by your organization id

<!DOCTYPE html>
<html>
<head>
  <script 
	async 
	src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID">
</script>
</head>
</html>

<!DOCTYPE html>
<html>
<head>
  <script 
	async 
	src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID">
</script>
</head>
</html>

<!DOCTYPE html>
<html>
<head>
  <script 
	async 
	src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID">
</script>
</head>
</html>

<!DOCTYPE html>
<html>
<head>
  <script 
	async 
	src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID">
</script>
</head>
</html>

<!DOCTYPE html>
<html>
<head>
  <script 
	async 
	src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID">
</script>
</head>
</html>

Next.js Example

If you are using a frontend library like React or Vue.js, you can add the script according to the library documentation.

For example, if you are using the React framework, Next.js, you would add this script to the root layout of your application like this

With ORGANIZATION_ID replaced by your organization id

import Script from "next/script"

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang='en'>
      <body>
       {children}
      </body>
      <Script
        async
        src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID"
      />
    </html>
  );
}

import Script from "next/script"

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang='en'>
      <body>
       {children}
      </body>
      <Script
        async
        src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID"
      />
    </html>
  );
}

import Script from "next/script"

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang='en'>
      <body>
       {children}
      </body>
      <Script
        async
        src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID"
      />
    </html>
  );
}

import Script from "next/script"

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang='en'>
      <body>
       {children}
      </body>
      <Script
        async
        src="https://chat.contextsuite.com/embedded/v1/main.js?organization=ORGANIZATION_ID"
      />
    </html>
  );
}