AI Lead Intake DiagnosticHomePricesDemoConsolePrivacyTermsDPA
  1. Home
  2. AI Lead Intake Diagnostic
  3. Install

One snippet. Then it is on the page.

Paste this at the end of the page. data-key is the workspace public key, from the console.

Osi, the mascot
Snippet
<script src="https://dariocositore.com/alid/v1/widget.js" data-key="pk_..." data-mode="launcher" async></script>

Platforms

  • HTML: before </body>.
  • WordPress: a Custom HTML block, or the theme footer.
  • Webflow: Project settings, Custom code, Footer.
  • Framer: site custom code, end of body.
  • Wix: Settings, Custom code, Body, end.
  • Shopify: theme.liquid before </body>.

Modes

The widget has two modes. data-mode="inline" sits in the page (for a dedicated diagnostic like /diagnostics/). data-mode="launcher" is a floating button that opens a panel. data-locale="it" forces Italian.

Inline or launcher
<script src="https://dariocositore.com/alid/v1/widget.js" data-key="pk_..." data-mode="inline" async></script>
<script src="https://dariocositore.com/alid/v1/widget.js" data-key="pk_..." data-mode="launcher" async></script>

API

Before the script loads: window.ALID=window.ALID||function(){(ALID.q=ALID.q||[]).push(arguments)}. Then ALID('open'), ALID('close'), ALID('prefill', text), ALID('locale', 'it'), ALID('on', 'lead_submitted', fn).

Events

On window and on the host element: alid:open, alid:close, alid:step, alid:run_started, alid:run_completed, alid:lead_submitted, alid:share_agent, alid:share_created, alid:locale, alid:error.