Install AnswerLattice

Manual widget install

Human-readable install steps for teams that do not use an AI coding agent.

Install target

One v1 widget script in the app shell

Safe context

Path, title, feature, workflow, role, locale

Verification

Loaded, origin allowed, route allowed, context received

Download agent kit View Markdown

Install verification

The widget goes live only after runtime checks pass.

Script, allowed origin, blocked route, safe context, and fallback checks are visible before product users rely on support.

Install script

Add the v1 widget script and safe context adapter.

Run checks

Verify origin, route, context, and fallback readiness.

Launch widget

Go live only after the runtime checks pass.

AI agent Manual Next.js React Vue Plain HTML Shopify Webflow

Install once

Paste the v1 script in the app shell or shared document. Do not paste it into individual pages.

<script
  src="https://answerlattice.com/widget/v1/answerlattice-widget.js"
  data-answerlattice-key="al_full_widget_key_shown_once"
  async
></script>

Send safe page context

Call page() after load and after client-side route changes. Keep context high-level and safe.

window.AnswerlatticeWidget?.page({
  path: window.location.pathname,
  title: document.title,
  feature: 'billing',
  workflow: 'manage_subscription',
  role: 'owner',
  locale: 'en',
});

window.AnswerlatticeWidget?.identify?.({
  id: currentUser?.supportCustomerId,
  name: currentUser?.name,
  email: currentUser?.email,
});

Verify

Open the product on an allowed origin.
Confirm one AnswerLattice script tag exists.
Navigate between routes and confirm context changes.
Visit blocked routes and confirm the widget is absent.
Return to the AnswerLattice dashboard and check runtime status.