Add the Anchored chat to your site

One line of code puts a Scripture-grounded AI assistant — with resource recommendations — on any website or published page.

Quick start

Paste this just before the closing </body> tag on any page. That's it — a chat bubble appears in the corner.

<!-- Anchored chat widget -->
<script src="https://thegospelandai.vercel.app/widget.js" async></script>

Customize it (optional)

Add data- attributes to match your brand:

<script src="https://thegospelandai.vercel.app/widget.js"
        data-title="Anchored"
        data-accent="#3B82F6"
        data-position="right"
        data-greeting="Ask me anything about AI and faith…"
        async></script>
AttributeDefaultDescription
data-titleAnchoredHeading shown in the chat panel
data-accent#3B82F6Button & accent color (any CSS color)
data-positionrightright or left corner
data-greetingFirst message shown when opened

How it works

  1. The widget renders inside an isolated shadow DOM, so it never clashes with your page's styles or scripts.
  2. Questions go to our hosted endpoint, which searches a curated library of vetted videos and articles and answers in the Anchored voice.
  3. Answers include linked resource recommendations, deep-linked to the relevant moment in a video where possible.
Note for developers: we intentionally don't publish a Subresource Integrity (integrity) hash — the widget is first-party and updates over time, so a pinned hash would break on each release. Load it from thegospelandai.vercel.app only.

Live preview

This very page has the widget installed — look for the chat bubble in the bottom-right corner and try it. 👉