U
user
1
Train
2
Customize
3
Test
4
Deploy
Step 1 of 4

Where does your knowledge live?

Point it at your website and it learns everything — services, pricing, FAQs, booking flow.

Website URL
+
Upload files or add custom info optional
Document upload
Coming soon
Custom instructions

Scan progress

Real-time training status

0%
Ready to scan
Enter your website URL first
Step 2 of 4

Make it yours

Set the personality, colors, and widget position. The preview updates live.

Persona type
Assistant name (optional)
Agent name
Avatar
Avatar
Avatar
Avatar
Avatar
Avatar
Avatar
Tone & personality
😊

Friendly

Warm & approachable

💼

Professional

Formal & precise

✨

Luxury

Refined & exclusive

🎉

Playful

Fun & witty

⚡

Concise

Direct & minimal

Brand color
#
Widget position
Bottom right
Bottom left
Live preview
A
ChatJini
Online
Hi! How can I help you today?
Tell me about your services
I'd be happy to share more!
Type a message...
color: #5b7af8
Step 3 of 4

Try your assistant

Ask it anything your customers would ask. If something feels off, go back and tweak the training or tone.

A
ChatJini
Online now
Hey! I'm trained on your site and ready to go. Ask me anything your customers would ask 👇
Step 4 of 4

Ship it live

Your assistant is trained and ready. Add it to your site in under a minute.

Website
Add the chat widget to your site
Copy the snippet below and paste it into your site. Takes about 30 seconds on any platform.
yourbusiness.com
Welcome to Your Business
Home  ·  Services  ·  About  ·  Contact
Browse our services, check availability, and book your appointment — all in one place.
👋 Hi! How can I help?
<script
  src="https://cdn.askai.app/widget.js"
  data-site="your-id"
  data-color="#5b7af8"
  data-position="bottom-right"
></script>
1
Go to Appearance → Theme File Editor
In your WordPress dashboard, navigate to Appearance → Theme File Editor (or use a plugin like "Insert Headers and Footers").
2
Open footer.php
In the file list on the right, click footer.php to open it in the editor.
3
Paste just before </body>
Find the closing </body> tag and paste the script on the line above it.
✓
Click Update File → visit your site
Hit Update File, then open your website. A chat button will appear in the bottom-right corner.
1
Open Settings → Advanced → Code Injection
In your Squarespace dashboard go to Settings → Advanced → Code Injection.
2
Paste into the Footer field
Scroll to the Footer section and paste the copied script there.
✓
Save → Preview your site
Click Save at the top. The chat widget will appear on every page of your site.
1
Go to Settings → Custom Code
In the Wix dashboard click Settings in the left sidebar, then select Custom Code.
2
Add Code → paste in the Body section
Click + Add Custom Code, paste the script, and set placement to Body — end. Apply to All Pages.
✓
Apply & Publish
Click Apply, then publish your site. The widget appears instantly.
1
Online Store → Themes → Edit Code
From your Shopify admin go to Online Store → Themes, click the three dots on your active theme, and choose Edit Code.
2
Open theme.liquid
Under Layout, click theme.liquid.
3
Paste before </body>
Use Cmd/Ctrl+F to find </body> and paste the script on the line above.
✓
Save → visit your storefront
Click Save and visit your store. The chat button appears on every page.
1
Project Settings → Custom Code
In Webflow, click the gear icon (Project Settings) then go to the Custom Code tab.
2
Paste into Footer Code
Paste the script into the Footer Code field so it loads on every page.
✓
Save & Publish
Click Save Changes, then re-publish your site. The widget is live.
1
Open your HTML file
Open the HTML file you want the chat to appear on in any text editor.
2
Find </body> near the bottom
Use Ctrl/Cmd+F to search for </body>.
3
Paste the script above it
Paste the copied snippet on the line directly before </body> and save the file.
✓
Upload or refresh
Upload the updated file to your server. The widget appears immediately.
Instagram & Linktree
Your chat link
A direct URL to your AI chat. Add it to your Instagram bio, Linktree, or share it anywhere.
Instagram
yourbusiness
124 posts  ·  2.1k followers
chat.askai.app/your-id
Chat with us →
Linktree
@yourbusiness
📷 Latest post
🛍️ Shop now
💬 Chat with our AI
https://chat.askai.app/demo
1
Copy your chat link above
Tap the Copy button to copy your unique chat URL.
2
Open Instagram → go to your profile
Open the Instagram app and tap your profile photo to go to your profile page.
3
Tap Edit Profile
Tap the Edit Profile button just below your bio.
4
Paste into the Website field
Tap the Website field and paste your chat link.
✓
Tap Done → link is live
Your followers will now see "Link in bio" pointing directly to your AI chat.
1
Copy your chat link above
Tap the Copy button to copy your unique chat URL.
2
Log in to Linktree → Add Link
Go to linktr.ee, log in, and click Add Link (the + button).
3
Paste your chat link as the URL
Set the title to something like "Chat with us" or "Book now — AI assistant".
4
Toggle the link ON
Make sure the toggle is switched on so it's visible to visitors.
✓
Done — visible in your bio
Your Linktree now shows an AI chat button. Anyone who taps it can ask questions and book instantly.
Scan to open your AI chat — works on any phone.
Print it on menus, flyers, receipts, or business cards.
https://chat.askai.app/demo
Go to dashboard →
How can I help?