Quick Start

This guide walks you through the minimum steps to embed Amelia on your website.

Prerequisites

A Drimer Partner account with a public key and secret key
A backend capable of making HTTP requests (for token generation)

Steps

1. Generate a session token

From your backend, call the Drimer Partner API to generate a token. See Authentication for details.

2. Add the inline script and container

Paste the following snippet into your HTML. The inline script defines the Drimer.init() function that creates the widget iframe:

<div id="amelia" style="width: 100%; height: 600px;"></div>

<script>
  (function () {
    var d = document;
    window.Drimer = {
      init: function (o) {
        var f = d.createElement("iframe");
        var config = Object.assign({}, o.config || {});
        if (o.locale && !config.locale) config.locale = o.locale;
        var p = new URLSearchParams({
          publicKey: o.publicKey,
          token: o.token,
          config: JSON.stringify(config),
        });
        f.src = "https://widget.drimer.io?" + p;
        f.style.cssText =
          "width:100%;height:100%;border:none;color-scheme:normal";
        f.allow = "clipboard-write";
        (typeof o.element === "string"
          ? d.querySelector(o.element)
          : o.element
        ).appendChild(f);
        window.Drimer._iframe = f;
        window.Drimer.destroy = function () {
          f.remove();
        };
      },
    };
  })();
</script>

<script>
  Drimer.init({
    publicKey: "pk_live_your_key_here",
    token: "your_session_token",
    element: "#amelia",
  });
</script>

That's it — Amelia will render inside #amelia and is ready to help agents craft trips.

Next steps

Authentication — understand the token flow
Installation — full integration reference
Configuration — customize appearance and behavior