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

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.

You'll know it worked when the new entry appears in your bot list with an active status indicator.

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.

You'll know it worked when you see a confirmation that the settings were saved successfully.

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.

You'll know it worked when the on‑screen preview shows the color and icon you selected.

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.

You'll know it worked when you can paste the snippet into a plain‑text document and see a full <script> tag appear.

Insert the code into WordPress footer

Log into your WordPress dashboard (your‑site.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.