Add the widget to your site

Drop one script tag into your page and the Inline AI Widget renders on your site. Auto mode takes under two minutes and requires no JavaScript.

The fastest way to get Inline AI on your site is auto mode: paste one <script> tag and the SDK reads your dashboard configuration and renders placements (including the sticky sidebar Widget) on every page load. No JavaScript to write.

Prerequisites

  • A Publisher ID from the Inline AI dashboard settings page.
  • The ability to add a <script> tag to your site's HTML (or your tag manager).

1. Paste the embed snippet

Add this to your site's <head> (or just before </body>) and replace YOUR_PUBLISHER_ID with your actual Publisher ID:

<script>
  (function(d) {
    var s = d.createElement('script');
    s.type = 'module';
    s.src = 'https://getinline.tech/default/assets/index.js?key=YOUR_PUBLISHER_ID';
    (d.getElementsByTagName('head')[0] || d.getElementsByTagName('body')[0]).appendChild(s);
  })(window.top.document);
</script>

The ?key= parameter is required. The SDK will not initialize without a valid Publisher ID.

2. Load the page

That's the integration. On the next page load the SDK reads your dashboard config and renders every enabled placement. By default, the Widget sidebar appears with a floating trigger button in the bottom corner of the page.

Don't see the Widget? Open the Inline AI dashboard, confirm the Widget placement is enabled for the publisher, then hard-refresh the page.

3. (Optional) Tune placements from the dashboard

Every placement's behavior (position, copy, breakpoints, which pages it runs on) is controlled from the dashboard. You don't need to touch your site's code again to add a search bar, turn on key takeaways, or tweak the Widget trigger position. Reach out to the Inline AI team if you need help configuring a placement.

Need more control?

Auto mode covers most integrations. Reach for a different mode only when you need JavaScript-level control:

Programmatic mode

Call mount() for each placement yourself. Best for SPAs, dynamic content, or when you want full control over what renders and where.

Hybrid mode

Auto rendering plus access to SDK events. Forward SearchOpen / WidgetOpen to your analytics, or trigger the overlay from your own button.

Next steps

Placement types

The seven AI features the SDK renders: what each one does and how to configure it.

Injection targets

Control exactly where targeted placements appear using IDs, CSS selectors, or dynamic matching.

Events

Subscribe to lifecycle, search, and widget events to integrate with your site.

Command queue

Buffer SDK calls made before the script loads using the window.InlineAI.cmd queue.

© 2026 Inline AI