Add My AskAI to Your Website or a Live Chat Channel

Once your AI agent is configured and you’re happy with its knowledge base, the next step is getting it in front of your customers. My AskAI provides a lightweight JavaScript snippet that drops a chat widget onto any web page, plus purpose-built integrations for the most popular platforms. Whichever route you take, the widget is the same agent — your content, your branding, and your escalation rules — just surfaced wherever your customers already are.

Embedding your agent

Open the Channels settings

In the My AskAI dashboard, navigate to Channels in the left-hand sidebar. Select Website widget to find your unique embed snippet and configuration options.

Copy your embed snippet

Your personalised script tag is shown in the Embed tab. It looks like this:

<!-- My AskAI chat widget -->
<script>
  window.myAskAISettings = {
    agentId: "YOUR_AGENT_ID",
    position: "bottom-right",
    primaryColor: "#6366f1",
  };
</script>
<script
  src="https://myaskai.com/widget/v1/embed.js"
  async
  defer
></script>

Replace YOUR_AGENT_ID with the ID shown in your dashboard. The window.myAskAISettings object lets you customise the widget’s position and brand colour before it loads.

Add the snippet to your site

Paste the script tag just before the closing </body> tag on every page where you want the widget to appear. Use the platform-specific instructions below if you’re on WordPress, Shopify, or a custom HTML site.

Verify the widget is live

Open your website in a browser. The chat bubble should appear in the corner you configured. Click it to confirm the widget loads and your agent responds correctly.

Go live with real visitors

Once testing is complete (see the Testing guide), toggle your agent to Active in the dashboard so it starts responding to real customer conversations.

Platform-specific setup

Custom HTML
WordPress
Shopify

For any hand-coded site or CMS that lets you edit raw HTML, paste the snippet directly into your page template:

<!-- Paste before </body> in your HTML template -->
<script>
  window.myAskAISettings = {
    agentId: "YOUR_AGENT_ID",
    position: "bottom-right",
  };
</script>
<script
  src="https://myaskai.com/widget/v1/embed.js"
  async
  defer
></script>

Tips:

Place it in a shared layout file or footer partial so it loads on every page automatically.
If your CMS has a Custom HTML or Footer scripts field in its settings, paste it there — no theme editing required.

You have two options on WordPress: a dedicated plugin (recommended for non-developers) or manually adding the snippet to your theme.

Option A — Use a scripts plugin (recommended)

In your WordPress admin, go to Plugins → Add New and search for “Insert Headers and Footers” (or any equivalent script-injection plugin).
Install and activate the plugin.
Go to Settings → Insert Headers and Footers and paste your My AskAI embed snippet into the Scripts in Footer box.
Save changes. The widget will now appear on every page of your site.

Option B — Edit your theme's footer.php

In your WordPress admin, go to Appearance → Theme File Editor.
Open footer.php for your active theme.
Paste the embed snippet immediately before the </body> tag.
Click Update File to save.

Editing theme files directly will be overwritten when the theme updates. Consider using a child theme or the plugin approach instead.

Shopify lets you add scripts through the Theme Editor without touching code, or via the code editor for more control.

Open your theme code

In your Shopify admin, go to Online Store → Themes. Click the ⋯ menu next to your active theme and choose Edit code.

Add the snippet to theme.liquid

In the file tree on the left, open Layout → theme.liquid. Locate the closing </body> tag (use Cmd/Ctrl + F to search) and paste your My AskAI embed snippet directly above it.

<!-- My AskAI -->
<script>
  window.myAskAISettings = {
    agentId: "YOUR_AGENT_ID",
    position: "bottom-right",
  };
</script>
<script
  src="https://myaskai.com/widget/v1/embed.js"
  async
  defer
></script>
</body>

Save and preview

Click Save in the top-right corner. Open your storefront in a new tab to confirm the chat bubble appears.

My AskAI also has a dedicated Shopify integration with native product and order awareness. See the Shopify feature docs for details.

Zendesk integration

Connecting My AskAI to Zendesk is handled through the Channels section rather than a script embed. My AskAI integrates directly with both Zendesk Messaging and Zendesk Tickets, allowing your agent to respond to support tickets and live-chat conversations without any code changes.

Go to Channels → Zendesk

In your My AskAI dashboard, navigate to Channels and select Zendesk. Choose between Messaging (for live chat) or Tickets (for email-based support).

Authenticate with Zendesk

Click Connect and follow the OAuth flow to authorise My AskAI to access your Zendesk account. You’ll need admin permissions in Zendesk.

Configure routing and escalation

Set up which ticket types or conversations your AI agent should handle, and define escalation rules so complex queries are routed to human agents automatically.

Test in a staging environment

Send a few test messages through your Zendesk widget to confirm the AI is responding correctly before enabling it for all incoming conversations.

My AskAI also supports Zendesk tagging and Zendesk Playbooks for more advanced routing workflows. See the Zendesk channel docs for the full feature set.

More channels

My AskAI connects to a wide range of live-chat and helpdesk platforms beyond the ones covered here, including Intercom, Freshchat, Freshdesk, Gorgias, HubSpot, Slack, Microsoft Teams, and more.

Browse all channel integrations

View the full list of supported channels, feature comparisons, and setup guides in the Features → Channels section.

Welcome

Setup

Add My AskAI to Your Website or a Live Chat Channel

Embedding your agent

Platform-specific setup

Zendesk integration

More channels

Browse all channel integrations

Build docs developers (and LLMs) love

Welcome

Setup

Documentation Index

​Embedding your agent

​Platform-specific setup

​Zendesk integration

​More channels

Browse all channel integrations

Build docs developers (and LLMs) love

Embedding your agent

Platform-specific setup

Zendesk integration

More channels