TUTORIAL · LAST UPDATED APRIL 2026

HOW TO EMBED A CHATBOT ON YOUR WEBSITE

You have trained your AI chatbot. Now you need to put it on your website. This guide covers every major platform with exact code snippets and step-by-step instructions.

THE UNIVERSAL EMBED CODE

Every AskMeEvo agent gets a unique embed code. It looks like this:

<script
  src="https://widget.askmeevo.com/agent.js"
  data-agent-id="YOUR_AGENT_ID"
  async
></script>

Replace YOUR_AGENT_ID with your actual agent ID from the AskMeEvo dashboard. This single script tag works on any website that supports HTML.

HTML (ANY STATIC WEBSITE)

For any HTML website, paste the embed code before the closing </body> tag:

<!DOCTYPE html>
<html>
<head>
  <title>Your Website</title>
</head>
<body>
  <!-- Your website content -->

  <!-- AskMeEvo Chatbot Widget -->
  <script
    src="https://widget.askmeevo.com/agent.js"
    data-agent-id="YOUR_AGENT_ID"
    async
  ></script>
</body>
</html>

WORDPRESS

WordPress offers two methods. Use whichever is easier for your setup.

Method 1: Plugin (recommended)

Step 1: Install the "Insert Headers and Footers" plugin (by WPCode).
Step 2: Go to WPCode → Header & Footer.
Step 3: Paste the AskMeEvo embed code in the "Footer" section.
Step 4: Click Save. The chatbot appears site-wide.

Method 2: Theme editor

Step 1: Go to Appearance → Theme File Editor.
Step 2: Open footer.php.
Step 3: Paste the embed code before </body>.
Step 4: Click Update File.

See our full WordPress integration guide for advanced configuration.

SHOPIFY

Step 1: Go to your Shopify Admin → Online Store → Themes.
Step 2: Click Actions → Edit Code.
Step 3: Open theme.liquid.
Step 4: Paste the embed code before </body>.
Step 5: Click Save.

See our full Shopify integration guide for product-aware chatbot setup.

WIX

Step 1: Open the Wix Editor for your site.
Step 2: Click Add (+) → Embed Code → Custom Element or HTML iframe.
Step 3: Select "Add Custom Code" and paste the embed code.
Step 4: Set it to load on "All Pages" and place it in the "Body - End" section.
Step 5: Publish your site.

SQUARESPACE

Step 1: Go to Settings → Advanced → Code Injection.
Step 2: Paste the embed code in the "Footer" field.
Step 3: Click Save. The chatbot loads on every page.

NEXT.JS

For Next.js applications, use the Script component for optimal loading:

// app/layout.tsx
import Script from 'next/script'

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://widget.askmeevo.com/agent.js"
          data-agent-id="YOUR_AGENT_ID"
          strategy="lazyOnload"
        />
      </body>
    </html>
  )
}

CUSTOMIZATION OPTIONS

After embedding, you can customize the chatbot appearance from your AskMeEvo dashboard:

Brand colors — Match the widget to your website's color scheme. Set primary color, background, and text colors.
Widget position — Place the chat button in the bottom-right (default) or bottom-left corner.
Welcome message — Set the greeting message visitors see when the widget opens.
Avatar and logo — Add your company logo or a custom avatar to the chat window.
Operating hours — Show different messages during and outside business hours.
Language — The chatbot responds in the language your visitor uses. You can also set a default language.

ONE SCRIPT TAG. ANY PLATFORM.

Embed your AI chatbot in under 5 minutes.

Start for free →

FREQUENTLY ASKED QUESTIONS

Will a chatbot widget slow down my website?

A well-built chatbot widget adds minimal load time. AskMeEvo’s widget is under 30KB gzipped and loads asynchronously, so it does not block your page from rendering. It has zero impact on your Core Web Vitals scores.

Can I customize the chatbot appearance to match my brand?

Yes. Most chatbot builders let you customize colors, position, welcome message, avatar, and button style. AskMeEvo supports full color theming, custom placement (bottom-right or bottom-left), and branded welcome messages.

Do I need a developer to embed a chatbot?

No. Embedding a chatbot requires pasting a single script tag into your website. On platforms like WordPress or Shopify, you can use a plugin or the theme editor. No coding knowledge is required.

Can I add a chatbot to multiple websites?

Yes. Most chatbot builders support multiple websites. With AskMeEvo, each website gets its own agent with a unique embed code. The Pro plan supports up to 5 agents and the Agency plan supports up to 50.

Will the chatbot work on mobile devices?

Yes. Modern chatbot widgets are fully responsive. AskMeEvo’s widget automatically adjusts to mobile screen sizes with a full-screen chat experience on phones and tablets.

Can I embed the chatbot on just specific pages?

Yes. You can place the embed code only on the pages where you want the chatbot to appear. Alternatively, add it site-wide and use the chatbot builder’s targeting rules to show or hide it on specific pages.

Need to train your chatbot first? Read our guide on how to train a chatbot on your website content.