القائمة
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 المهني
| 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 slashCreate 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.