LogoLogo
Create free AI agent
  • Welcome
    • 👋Welcome to My AskAI
  • START HERE
    • 🤷‍♂️What is an AI Customer Support Agent?
      • 💪What are the benefits of using My AskAI?
      • 🤔Who is this for?
    • 🏗️Create your AI support agent
    • ➕Add your AI agent to your website
      • ➕WordPress
      • 🛍️Shopify
      • 💬Zendesk
    • 📼Full product demo
    • ⏲️How long does it take to set-up?
    • 📺Video tutorials
    • ⭐Reviews
    • 🆘Support
  • Features
    • ❓AI answers on your content
    • 🤝Human handover
    • 🔌Channels
      • Slack
      • Microsoft Teams
      • Zapier
      • Zendesk
        • Zendesk (Messaging)
        • Zendesk (Tickets)
        • Zendesk (Tagging + Sentiment)
      • Intercom
        • Human Handover Workflows
      • Freshchat
      • Freshdesk
      • Gorgias
      • HubSpot
      • Chrome Extension
      • Zoho (SalesIQ)
      • Live Chat Channels Feature Comparison
    • ☁️Connections
      • 🔑Authorizations
    • 🛍️Shopify
    • 👤User data API and API actions
      • 👤User details API specification
    • ✏️Improve + Custom answers
    • 🔓Private (Internal) mode
    • 📂File uploads
    • 🔁SiteSync — Adding & syncing your website content
    • 💡Insights
      • 🔔Conversation insight notifications
    • 👯Team access
    • 📨Email assistant
    • 📩Lead (Email) Capture
    • 🎨Customization
    • 🔍Site search
    • 👍Conversation ratings (CSAT)
    • 🌍Languages and Localization
    • ⚡Starter actions
    • ◻️Remove branding
  • SECURITY + PRIVACY
    • 🔐Security
      • On-Premise
      • OpenAI API keys
      • SOC-2
    • 👣Privacy
      • Your content
      • Your data
      • OpenAI
      • Regulations
        • GDPR compliance
        • HIPAA
  • ACCOUNT MANAGEMENT
    • 💲Pricing + plans
    • 🧱Limits
      • Exceeding limits
      • Conversations
    • 🦸‍♀️Your profile
      • Changing your email
      • Close your account
    • 💳Billing
      • Change plan
      • Update payment card
      • Download an invoice
      • Discounts
      • Refunds
      • Tax
      • Cancel subscription
    • 🧑‍🤝‍🧑User access
      • Setting a Password for Your Account
      • Reset login password
    • 🤑Affiliate program
    • 💼Reselling + Whitelabelling
  • TROUBLESHOOTING
    • 🐢Slow responses
    • 💬Chat bubble not visible
    • 🤷‍♀️Why can't it answer?
    • 🗝️Login
    • 😕Website not added
    • 🗣️Issue connecting your live chat widget
    • 🤦‍♂️Oops there has been an error
  • FAQ
    • 🪖General
      • 📱Can I use the AI agent within a mobile app?
      • 🥫Can I add macros, canned or stock responses to my AI agent?
      • 👯Can I have multiple AI agents, multiple brands or multiple knowledge bases?
      • Can I route tickets to different agents?
      • 🤪Can I give my agent a personality, adjust the tone or customize the prompt?
      • 🤓Does it get smarter the more conversations it has?
      • 🤔Which messages will my AI agent respond to?
      • 🐦What are your social accounts?
      • ⚖️What is the difference between My AskAI and My AskAI Classic?
      • 🙅Will it answer questions about competitors' products?
      • ♻️My website has dynamic content, can I use My AskAI?
      • 🤷‍♂️What if it can't answer?
      • 👃Will it make things up?
      • 💡Feature suggestions
      • 🎏Answer streaming
      • 🌡️Temperature
      • 💇‍♂️My AskAI vs Fine-tuning
      • 🤖My AskAI vs ChatGPT
      • ✅How can I test the accuracy of my AI agent's answers?
      • 📚(Large Language Models) LLMs
      • 👨‍🔬Algorithm change log
      • ✏️Can I use my own OpenAI assistant or Custom GPT?
      • 🤔How does it work?
  • API Documentation
    • API Docs Introduction
    • Query API
    • Chat API
    • User Data API
Powered by GitBook
On this page
  • How to Add Your AI Support Agent to Your Site
  • Step 1 - Navigate to the Channels page
  • Step 2 - Choose how you want to add to your site
  • Step 3 - Copy the code snippet and add it to your site
  • Step 4 (optional) - Advanced settings

Was this helpful?

  1. START HERE

Add your AI agent to your website

Here's a quick guide that will show you how to add your AI support agent to your website so you can bring AI customer support to your customers and visitors.

PreviousCreate your AI support agentNextWordPress

Last updated 5 months ago

Was this helpful?

You can also add your AI agent to your site using our native integrations with , and in which case you don't need to embed any code into your site, you just need to use the apps from the respective marketplaces.

See how our AI agents are being used to deflect tickets and bring down response times at Zeffy:

And Zinc:

How to Add Your AI Support Agent to Your Site

Step 1 - Navigate to the Channels page

Step 2 - Choose how you want to add to your site

You can either add your AI agent as a widget (in the bottom corner of your screen) or as an embed (in the page itself). You can also switch between the floating bubble and the in-page chat at a later date by clicking "Change type"

Step 3 - Copy the code snippet and add it to your site

Once you have selected your widget, all you need to do is click on the copy icon in the black box showing the code snippet and then paste it into the <head> section of the HTML on your site.

Most website builders will allow you to do this in a custom code section but if you have any issues adding it just get in touch with us via our chat and we'll help you out.

If you are choosing to embed within the page itself, instead of as a chat widget in the corner of your page then you will have to paste 2 code snippets - 1 in the <head> section and 1 in the <body> section (where you want the chat to live!)

For site-builder specific instructions, refer below:

Step 4 (optional) - Advanced settings

There are a few settings you can tweak on each mode, here's what you can change:

Chat widget

  • Auto-open: You can make your AI chatbot auto-open for new users on a page, and also select the length of time it will open after, it will only do this for 1st-time visitors.

  • Pulsate: Your chat icon will "pulse" in the bottom corner of the page for 10 seconds (or until opened), to draw more attention to it, again this will only be for 1st-time visitors.

  • Animated chat icon: Your chat icon will have a subtle animation, again to draw attention to it for the user.

  • Chat icon color: Edit the color of the chat icon to match your brand, just choose your HEX code.

Chat embed

  • Live chat widget visibility: You can choose if you want us to hide your live chat widget by default, until someone asks to talk to a person with your AI agent.

Head on over to your then click Channels in your side menu

➕
Dashboard
➕WordPress
🛍️Shopify
💬Zendesk
Intercom
Zendesk
HubSpot
Zeffy: How My AskAI helps Zeffy Keep Their Ticket Volume Down and Fundraising FreeMy AskAI Blog
Zinc: Using My AskAI to reduce support tickets by 68%, overnightMy AskAI Blog
Logo
Logo