Adding an AI chat to your website is one of the fastest ways to start automatically answering visitor questions and capturing leads. This guide shows how to put a chatbot widget on your site using Auralix: create an agent, copy one <script> tag, and see your chat in action within minutes.
What You'll Need
- An Auralix account (free, no credit card).
- Access to your site's HTML — you just need to be able to edit
<body>. - Any website: a landing page, corporate site, WordPress blog, Tilda, Webflow, or custom HTML.
The free plan includes one agent and 100 messages to test the widget.
Step 1. Sign Up and Create a Project
- Go to auralix.tech/signup and create an account.
- In the dashboard, click "New Project" and enter a name (for example, "My Website").
A project is a workspace for your agents, conversations, and analytics. One project is typically enough for one website.
Step 2. Create an Agent
- Inside the project, open the "Agents" section and click "Create Agent".
- Enter the agent's name — visitors will see this in the chat header.
- In the "System Prompt" field, describe who the agent is and how it should respond. For example:
You are an assistant for Acme Co. Keep responses concise and to the point.
If a question requires personal consultation, offer to leave contact details.
- Choose a model. We recommend Gemini 2.5 Flash Lite — fast and cost-effective.
- Click "Save".
Done — your agent is created. It's already ready to accept messages at this point.
Step 3. Copy the Widget Code
- Open the agent and go to the "Installation" tab (or "Widget").
- You'll see the ready-to-use code:
<script
src="https://auralix.tech/widget/auralix-widget.js"
data-agent-id="YOUR_AGENT_ID"
defer
></script>
- Click "Copy".
data-agent-id is your agent's unique identifier. Don't edit it manually.
Step 4. Add the Code to Your Site
Paste the copied script just before the closing </body> tag in your site's HTML.
Plain HTML example:
<body>
<!-- site content -->
<script
src="https://auralix.tech/widget/auralix-widget.js"
data-agent-id="YOUR_AGENT_ID"
defer
></script>
</body>
WordPress: Install the "Insert Headers and Footers" plugin → paste the code in the Footer section.
Tilda: Site Settings → HTML in </body> → paste the script.
Webflow: Project Settings → Custom Code → Footer Code.
Bitrix / 1C-Bitrix: Template Settings → "Page Bottom" tab.
After saving, refresh the page — a chat button will appear in the corner of your site.
How the Widget Looks
By default, the button sits in the bottom-right corner. To move it to the left, add the data-position parameter:
<script
src="https://auralix.tech/widget/auralix-widget.js"
data-agent-id="YOUR_AGENT_ID"
data-position="bottom-left"
defer
></script>
On mobile devices, the chat opens full-screen — no additional configuration needed.
What to Set Up Next
Once the widget appears on your site, three more things worth doing:
Knowledge base. Add documents, FAQ, or product descriptions — the agent will answer questions based on them, not just the system prompt. This is done in the "Knowledge Base" section inside the agent.
Welcome message. In the widget settings, set the text visitors see when they open the chat. For example: "Hi! How can I help?"
Lead capture. Configure a contact form — the agent will offer it at the right moment in the conversation, and the data will appear in the project's "Leads" section.
Common Issues
Widget doesn't appear. Check that data-agent-id was copied without extra characters, and that the script is inside <body>, not <head>.
Agent doesn't respond. Make sure the agent is saved and active (not in "Draft" status). The free plan supports one active agent.
Button covers an important element. Use data-position="bottom-left" or contact support for precise offset adjustments.
Widget won't load on an HTTPS site. The script loads from auralix.tech over HTTPS — there are no mixed content conflicts.
Summary
To add an AI chat to your site with Auralix:
- Create an account and project.
- Create an agent and write a system prompt.
- Copy the
<script>from the Installation tab. - Paste the script before
</body>on your site.
The free plan lets you launch your first agent and test the first 100 conversations without a credit card. That's enough to confirm the widget works exactly as you need.
