Integrations

Works everywhere you publish.

If your site accepts a script tag or an HTTP request, AskOrac runs on it. Drop-in embed for most people, REST API for custom cases, webhook actions for when Orac needs to do more than just answer.

How it connects

Three ways to integrate.

Pick the path that matches your stack. Most teams start with the script tag and layer in the API and webhook actions as they need more control.

Script tag

One line of HTML. Drops into any platform that lets you add custom <head> code — which is almost all of them.

<script src="https://askorac.com/widget.js" data-orac-id="..."></script>

Available on every plan

REST API

For native mobile apps, voice assistants, or any case where you want to render your own UI. JSON in, streaming JSON out.

POST https://api.askorac.com/v1/chat

Business plan and above

Webhook actions

Give Orac the ability to call your own backend mid-conversation — look up inventory, create tickets, trigger workflows.

Configure in Dashboard → Project → Actions

Pro plan and above

Supported platforms

The platforms people actually use.

Grouped by how they're typically used. This list covers most real-world cases — if yours isn't here, see the note at the bottom.

CMS & blogs

WordPress

Paste the script tag in your theme header, or use a code-injection plugin like WPCode. Works on self-hosted and WordPress.com Business.

Ghost

Ghost Admin → Settings → Code Injection → Site Header. Takes about 30 seconds.

Squarespace

Settings → Advanced → Code Injection → Header. Business plan or higher.

E-commerce

Shopify

Online Store → Themes → Edit code → theme.liquid — paste before </head>. Works on every Shopify plan.

WooCommerce

Same embed path as WordPress. The widget automatically reads product-page context if configured.

BigCommerce

Storefront → Script Manager → Add script → paste embed code. Select 'Head' placement.

No-code builders

Webflow

Project Settings → Custom Code → Head Code. Republish and the widget appears on every page.

Framer

Site Settings → General → Custom Code → Start of <head>. Works on both free and Pro.

Carrd

Embed element → paste the script tag. Works on Pro plan and above.

Frameworks & custom code

Next.js

Add the script to app/layout.tsx using next/script with strategy='afterInteractive'. Full App Router and Pages Router support.

React, Vue, Svelte, Angular

Drop the script tag into index.html, or mount it dynamically in your root component. No framework-specific wrapper required.

Plain HTML or server-rendered

Paste the tag anywhere before </body>. No build step, no package manager, no dependencies.

Beyond just answering

Orac can call your backend mid-conversation.

Webhook actions let Orac hit your own APIs during a chat — look up an order, check inventory, create a support ticket, trigger a Zapier workflow, anything that can be reached by HTTP. You configure the endpoints and Orac decides when to call them based on conversation context.

  • Authenticated endpoints. Bearer tokens, custom headers, and per-action secrets — we never call anything you haven't approved.
  • Structured output. JSON responses are fed back into the conversation, so Orac can reason about what your API returned before replying.
  • Multi-step chains. Orac can call one endpoint, use the result to call another, and synthesize the final answer — no extra wiring from you.
Read the Actions guide

Your platform not listed?

It almost certainly still works.

The script tag is plain JavaScript — no framework dependencies, no build step. If your site can load a <script> from a CDN, AskOrac runs. That covers every mainstream platform we've ever checked and most of the obscure ones.

Trying something unusual? Email us with the platform name and we'll tell you the exact steps, usually within one business day.

Read the embed docs

Full integration guide, widget configuration, theming, authentication, and API reference.

Start free

Create a project, upload your docs, and embed in under 10 minutes. No credit card.