Integration guide

Add the Curation AI chat
to your website

Drop in a single script tag and your visitors get an AI-powered investment research assistant in the corner of every page. No login required, no framework lock-in — it works on any site.

Live demo running — try the preview below, or click the launcher in the corner.

Live preview

The exact chat panel your visitors see, rendered inline from /widget. Switch themes and chat with it right here.

Theme

Loading…

Quick start

Paste this just before the closing </body> tag on any page where you want the widget to appear. The launcher renders in the bottom corner automatically.

Position

Theme

Live preview & snippet update together

HTML

<script
  src="https://widget.curationcorp.com/embed.js"
  data-widget-id="YOUR_WIDGET_ID"
  data-position="bottom-right"
  data-theme="dark"
  async
></script>

Replace YOUR_WIDGET_ID with the ID from your Curation dashboard. Don't have one yet? Leave it as default to use the standard configuration.

Configuration

Configure the widget with data attributes on the script tag.

data-widget-idoptional

Your widget identifier. Controls the name, welcome message, accent colour, and avatar from your Curation configuration, and scopes chat responses to the showcase/company this widget is bound to (stock charts, showcase answers). Omit to run a general-purpose, unscoped widget.

string · default: "default"

data-positionoptional

Which corner the launcher and chat panel anchor to.

"bottom-right" | "bottom-left" · default: "bottom-right"

data-themeoptional

Sets the widget's starting colour scheme. Visitors can still switch it with the light/dark toggle in the chat header.

"light" | "dark" · default: "dark"

JavaScript API

Once embed.js loads it exposes a global window.CurationWidget so you can open the chat from your own buttons or links.

HTML + JS

<!-- Open / close / toggle the chat from your own UI -->
<button onclick="CurationWidget.open()">Talk to our AI analyst</button>

<script>
  // Available after embed.js has loaded:
  // CurationWidget.open();
  // CurationWidget.close();
  // CurationWidget.toggle();
</script>

Good to know