Introduction
Creating an AI chatbot trained on your data is only half the battle. The next step is getting it in front of your users. Fortunately, modern SaaS platforms make the integration process incredibly simple. You don't need any complex SDK installations or backend deployments.
Step 1: Copy Your Embed Code
Once you train your chatbot on Aidni.io, head to the Deploy tab in your dashboard. You will see a small, optimized JavaScript snippet that looks like this:
<script
src="https://aidni.io/widget.js"
data-bot-id="YOUR_BOT_ID"
defer
></script>
Step 2: Paste Into Your HTML Header or Footer
Paste this script tag right before the closing </body> or </head> tag of your website builder:
- WordPress: Use a plugin like "Insert Headers and Footers" or edit your theme's
footer.php. - Webflow: Navigate to Site Settings > Custom Code > Footer Code and paste the script.
- Next.js/React: Use the next/script component to load it asynchronously.
Step 3: Customize Style in Real Time
The beauty of this script is that it automatically polls updates from your dashboard. If you change the bot's theme color, avatar, or welcome message in the Aidni.io dashboard, the updates will instantly appear on your live site without any redeployment.