A reliable chatbot helps shoppers and clients find answers fast, but weaving one into a Joomla site can feel tricky if you are not a developer. This guide shows you exactly how to place EnvokeAI’s AI Chat Agents inside any Joomla template, match its styling, and keep your page-load time snappy, all without code.

‍

Why Joomla Sites in Aotearoa Benefit from an AI Chatbot

• Always-on help: Visitors get guidance after hours and on public holidays.
• Shorter email queue: Common questions about shipping, GST, or booking times never reach your inbox.
• More conversions: Timely prompts rescue hesitant buyers at checkout.
• Local hosting: EnvokeAI keeps chat data on New Zealand servers for low latency and simple privacy compliance.

‍

Meet AI Chat Agents by EnvokeAI

AI Chat Agents is a point-and-click tool that lets you build, brand, and manage a chatbot in minutes.

• Drag-and-drop styling: Choose colours, fonts, and avatars to match your template.
• Knowledge-base training: Upload PDFs, paste text, or link pages so the bot answers with authority.
• Live dashboard: Watch chats in real time, step in if needed, and refine replies.
• Fair pricing in NZD: Plans scale by monthly chat volume and include GST.

‍

Step 1: Create Your EnvokeAI Account

• Open envokeai.co.nz/service/ai-chat-agents.
• Click Get Started and enter your email and a password.
• Confirm your email to unlock the dashboard.

No credit card is required until you pick a plan.

‍

Step 2: Choose a Plan

Every plan includes unlimited page views, full branding control, and complete chat history. Select the tier that aligns with your traffic, you can upgrade any time with a single click.

‍

Step 3: Build Your Chatbot

From the dashboard, choose Create Chatbot and follow the wizard. Here’s what to add:

• Bot name: Friendly label visitors will see, e.g. “Site Helper”
• Avatar: Square PNG, 128 × 128 px
• Colours: Match your template’s primary and accent hues
• Business info: Opening hours, delivery times, return policy
• Knowledge base: Upload FAQ PDF, paste service details, or link product pages

Sample Welcome Message:

Kia ora 👋 How can I help today? Ask me anything about sizes, delivery, or booking times.

Paste this into Welcome Message for an approachable local greeting.

‍

Step 4: Embed the Chatbot in Joomla

There are two simple methods:

Option A: Custom HTML Module (recommended)

• In the Joomla admin menu, go to Extensions > Modules > New.
• Select Custom.
• Title the module “EnvokeAI Chatbot” and switch the editor to Code view.
• Paste the embed code copied from AI Chat Agents.
• Set Position to debug or a footer slot used by your template.
• Set Status to Published and choose “On all pages.”
• Save and clear cache.

Option B: Template Override
If your template lacks a spare module position:

• Use an FTP client to open /templates/your_template/index.php.
• Just above the closing </body> tag, paste the embed code.
• Save, upload, and clear cache in Joomla.

Refresh your site; a chat bubble should now appear bottom-right. Open it to test a conversation.

‍

Step 5: Match Your Theme

Minor CSS tweaks keep the chatbot seamless. For example:

• Override the chat bubble colour to your brand blue
• Adjust chat header font to your website’s style

Add these rules to System > Site Template Styles > Custom Code > Custom CSS (Joomla 4) or custom.css (Joomla 3). The chatbot inherits the rest of your theme automatically, so only fine-tuning is required.

‍

Step 6: Optimise for Engagement

• Cart value trigger: Offer free shipping when the cart exceeds a set amount.
• Smart suggestions: Train the bot with top products or popular articles.
• Exit intent: Enable a gentle nudge when the cursor moves toward the tab close icon.
• Holiday hours: Add a quick reply to inform customers about public-holiday dispatch times.

‍

Step 7: Monitor and Improve

From the Conversations tab you can:

• Review transcripts and fill knowledge gaps.
• Tag hot leads and send them to your CRM via Zapier.
• Track frequent keywords to update product pages and SEO.

Plan a weekly review in the first month, then monthly once accuracy stabilises.

‍

Free Setup Checklist

• Account created
• Plan selected
• Branding assets gathered
• Knowledge base uploaded
• Embed code installed (Module or Template)
• Custom CSS added
• Test chat on desktop and mobile
• Conversion triggers enabled
• First performance review scheduled

‍

Ready to Chat

Joomla powers your content. EnvokeAI powers the conversation that guides visitors and lifts sales. With hosting in New Zealand, local support, and no code required, you can add a professional chatbot before today’s courier cut-off.

Start now:
Create an AI Chat Agents account and welcome your first visitor in under ten minutes.

‍