How long does this take?

About 6 minutes — the guide has 5 steps, and you can tick each one off as you go.

Which tool do I need?

This guide uses Alibaba Cloud — but the approach works very similarly in other AI assistants.

Do I need to prepare anything?

Alibaba Cloud account: sign‑up at alibabacloud.com (the free tier is enough for a simple chatbot). WordPress site: you need administrator access to the dashboard. A web browser on a computer or tablet (Chrome, Edge, or Firefox work fine). A few minutes: the whole process typically takes about 20‑30 minutes. Optional: a free plugin such as "Insert Headers and Footers" makes adding code ea

What mistakes should I avoid?

Skipping the Save step in the greeting settings: the message may revert to a default. Fix it by always clicking the Save button and watching for a confirmation. Placing the widget code in the header instead of the footer: the chat may load too early and cause page‑load delays. Fix it by using the Footer widget area or the "Scripts in Footer" field of a plugin. Not testing on a mobile dev

Step-by-step

🤖 Alibaba Cloud

Alibaba

📘 Step-by-step 📘 Alibaba Cloud↗ Alibaba Cloud · Official sitebeginner 💼 Business

How to Add an Alibaba Cloud AI Chatbot to Your WordPress Site

Set up a friendly AI assistant on your WordPress website in just a few minutes, even if you've never coded before.

6 min read·June 28, 2026·🔄 Updated: July 30, 2026

This guide was written by AI. It passed automated fact and quality checks, and our editor spot-checks published guides every day.

See AI World HQ first on GoogleAdd us as a preferred source and our stories show up higher in Google’s Top Stories.Add on Google

By the end of this guide you'll have a chat bubble that greets visitors, answers basic queries, and works on every page of your WordPress site – no programming experience required.

💡 Tip: tap a step’s number when you finish it — a green tick appears and your browser remembers how far you got.

✅ Before you start

Alibaba Cloud account: sign‑up at alibabacloud.com (the free tier is enough for a simple chatbot).
WordPress site: you need administrator access to the dashboard.
A web browser on a computer or tablet (Chrome, Edge, or Firefox work fine).
A few minutes: the whole process typically takes about 20‑30 minutes.
Optional: a free plugin such as "Insert Headers and Footers" makes adding code easier.

Step 1 of 5

Create a new chatbot instance

Open your web browser, go to console.alibabacloud.com and sign in. Look for the AI chatbot or conversation AI service in the console – you can usually find it by searching for "Chatbot" or "Conversation AI" in the top‑right search bar. Click the button to create a new bot or robot (it may be labeled Create Robot, Create Instance, New Bot, or similar). A form appears asking for a name and a brief description. After you type a name such as "FrontDeskHelper" and confirm, the platform creates a new bot and shows it in your list, typically with a status of "Running" or an indicator showing it's active.

💬 Example`FrontDeskHelper`

✅ You'll know it worked when

the new entry appears in your bot list with an active status indicator.

Next step ↓

Step 2 of 5

Define the chatbot's welcome greeting

In the list of bots, click the name of the bot you just created to open its settings page. Look for a section where you can set the first message visitors see – this might be labeled Greetings, Welcome Message, Chat Prompt, or something similar. There's usually a text box where you can type what the bot says when someone first opens the chat. After you type a sentence like "Hi! I'm your digital assistant – ask me about opening hours or services," a preview of the message often appears below the box. Click Save to store the change.

💬 Example`Hi! I'm your digital assistant – ask me about opening hours or services.`

✅ You'll know it worked when

you see a confirmation that the settings were saved successfully.

Next step ↓

✏️ Sketch — your screen may look a little different

Step 3 of 5

Choose a visual style that matches your site

While still in the bot's settings, look for options to customize how the chat bubble looks – this might be in a tab labeled Appearance, Style, Customization, Theme, or similar. You'll typically find options to pick a color (you can copy your site's primary color as a hex code, e.g., #0066CC) and possibly upload a small logo or icon for the chat bubble. The preview on the screen should update to show what the chat bubble will look like on your site.

💬 Exampleset color to `#0066CC` and upload `logo.png`

✅ You'll know it worked when

the on‑screen preview shows the color and icon you selected.

Next step ↓

Choose a visual style that matches your site

Step 4 of 5

Copy the widget embed code

Return to the main bot page and look for a button to publish, deploy, or make the bot publicly available – it may be labeled Publish, Deploy, Enable, or similar. Once activated, a panel should appear (it might be labeled Embed Code, Web Widget, Integration Code, or something similar) containing a snippet of code that starts with <script src="..."></script>. Look for a Copy button next to the code box; if there isn't one, click inside the box and press Ctrl + C (or Cmd + C on a Mac) to copy it manually.

💬 Example`` — *your actual code may differ*

✅ You'll know it worked when

you can paste the snippet into a plain‑text document and see a full <script> tag appear.

Next step ↓

Step 5 of 5

Insert the code into WordPress footer

Log into your WordPress dashboard (your-site.example.com/wp‑admin). You can add the chatbot code either through Appearance → Widgets (look for a widget area like Footer or Footer 1, add a Custom HTML block, and paste the code) OR by installing a free plugin like "Insert Headers and Footers" and going to Settings → Insert Headers and Footers, then pasting the code into the "Scripts in Footer" box. Either method makes the script load on every page of your site. Press Update or Save to confirm.

💬 Examplepaste the `