菜单
Embed the AGO chat widget in any website using a simple script tag. No build step required. Keywords: ago, widget, embed, script, chat bubble, iframe, install, website.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Create a client-side function that AGO agents can call from the browser. Generates typed function definitions with JSON schema parameters. Keywords: ago, function, tool, client function, defineFunction, action, browser action.
Build a custom AGO chat interface in React using the SDK hooks (useChat, useMessages, useConversation, useAgoFunction). Keywords: ago, react, chat, useChat, hook, custom UI, integration, chatbot.
Set up the AGO SDK (@useago/sdk) in any JavaScript/TypeScript project. Installs the package, configures the client, and verifies the connection. Keywords: ago, sdk, install, setup, init, configure, integrate.
| name | ago-widget |
| description | Embed the AGO chat widget in any website using a simple script tag. No build step required. Keywords: ago, widget, embed, script, chat bubble, iframe, install, website. |
Adds the AGO embeddable chat widget to any website with a script tag. No build step needed.
/ago-widget
/ago-react insteadAdd before the closing </body> tag:
<script>
window.AGO = {
basepath: "https://YOUR-DOMAIN.useago.com/",
};
</script>
<script async src="https://useago.github.io/widgetjs/frame.js"></script>
<script>
window.AGO = {
basepath: "https://YOUR-DOMAIN.useago.com/",
prompt: "Hello! How can I help you today?",
colors: {
button: "#4F46E5",
headerBg: "#4F46E5",
headerText: "#FFFFFF",
userBubble: "#4F46E5",
userText: "#FFFFFF",
},
};
</script>
<script async src="https://useago.github.io/widgetjs/frame.js"></script>
Pass user info so AGO knows who is chatting:
<script>
window.AGO = {
basepath: "https://YOUR-DOMAIN.useago.com/",
userEmail: "user@example.com",
userJwt: "jwt-token-here",
metadata: {
plan: "pro",
company: "Acme Inc",
},
};
</script>
window.AGO.open();
window.AGO.close();
window.AGO.toggle();
window.AGO.sendMessage("I need help with billing");
Next.js (App Router):
// app/layout.tsx
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<script
dangerouslySetInnerHTML={{
__html: `window.AGO = { basepath: "${process.env.NEXT_PUBLIC_AGO_BASE_URL}" };`,
}}
/>
<script async src="https://useago.github.io/widgetjs/frame.js" />
</body>
</html>
);
}
WordPress: Add via theme's footer.php or a "Custom HTML" widget in the footer area.
Webflow: Project Settings > Custom Code > Footer Code.
| Property | Type | Description |
|---|---|---|
basepath | string | Your AGO instance URL (required, with trailing slash) |
prompt | string | Welcome message shown on open |
colors | object | Color customization (see above) |
userEmail | string | Current user's email |
userJwt | string | JWT for authenticated sessions |
metadata | object | Custom key-value pairs passed with messages |
</body>, not in <head>basepath ends with a trailing slash