← FeaturesAI engineAnalyticsIntegration

Integration

Add Spectare to any site in an afternoon

Four paths, one atom library. Pick the one that fits your setup.

01Script tagAny site
02WordPress pluginNo code
03REST APICustom integrations
04MCP serverAI agents
01Script tag

Works on any platform

Drop one script tag into your page head. Mark your content areas with data-spectare-slot attributes. Spectare handles intent detection, assembly, and slot filling automatically.

Works on Webflow, Shopify, Squarespace, Next.js, or any site that runs JavaScript. No build step, no backend changes.

✓WordPress
✓Webflow
✓Shopify
✓Squarespace
✓Next.js
✓Plain HTML
index.html
<!-- Add to <head> on every page -->
<script
  src="https://spectare.ai/spectare.js"
  data-org="YOUR_WORKSPACE_SLUG"
></script>

<!-- Place slots where personalised content should appear -->
<div data-spectare-slot="primary"></div>
<div data-spectare-slot="supporting"></div>

<!-- Set conversion URL in Settings. Fires automatically. -->
<!-- Or call manually on any event: -->
<script>spectare('conversion');</script>
02WordPress plugin

43% of the web. Zero code.

Install the plugin, paste your workspace slug, and start placing Spectare Slot blocks in Gutenberg. No script tag, no theme edits, no developer needed.

1In wp-admin, go to Plugins → Add New → Upload Plugin, select the zip and install
2Go to Settings → Spectare and paste your workspace slug. The widget is now live on every page.
3In Gutenberg, add a Spectare Slot block wherever you want personalised content. Publish.
4In your Spectare admin under Settings, add your conversion URL pattern to activate tracking.
Download plugin (.zip)
WordPress: Edit Page
● Saved
ParagraphWelcome to our site. We help teams ship faster.
Spectare Slot
data-spectare-slot="primary"
Personalised content appears here at runtime
HeadingOur key features
Spectare Slot
data-spectare-slot="supporting"
Block · Spectare SlotSlot name: primary ›
03REST API

Full control over rendering

Call /api/qualify first to get a signed token, then choose your assemble path. /api/assemble/components returns structured JSON with a named component and slots for each section, making it straightforward to render in React or any custom UI. /api/assemble streams SSE events for slot-based or server-rendered output.

All three endpoints are public. No API key required. Rate limited by IP.

// 1. Qualify the visitor
POST /api/qualify/{orgSlug}
{ "summary": "developer evaluating personalisation",
  "direct": true }
→ { token, intent, ... }

// 2a. Assemble — slot/SSE rendering (widget path)
POST /api/assemble
{ "token": "<token>", "orgSlug": "your-slug" }
→ streams sections as server-sent events

// 2b. Assemble — component JSON (React / custom)
POST /api/assemble/components
{ "token": "<token>", "orgSlug": "your-slug" }
→ { assembly: [{ component, slots, size }, ...] }
Full API reference in docs →
04MCP server

Built for AI agents

Add the Spectare MCP server to any MCP-compatible AI agent. No API key needed from the agent side. The agent can qualify visitors, search your atom library, and list available conversion actions.

MCP server URL

https://spectare.ai/api/mcp

Streamable HTTP MCP server. Add to Claude Desktop or any agent config.

qualify_intent

Classify visitor intent from a conversation or summary. Returns a signed token and a ready-to-share personalised URL.

search_atoms

Search your published content library by natural language query. Useful for answering product questions before directing to a landing page.

list_actions

List available conversion actions on your landing pages.

Not sure which path fits?

Start with the script tag or the WordPress plugin. You can add the API or MCP server later without changing anything.

Start free trialRead the docs →