How do I add a chat window to my website answered by the ArabyBot AI agent?

The steps in the ArabyBot dashboard

1. Create the site

   In the sidebar open "Website & App" → "Website Chat" and press "New site".

2. Fill in the details and choose who answers

   Type the "Site name" and "Site URL" (the system reads the colour and logo from it), the "Allowed domains" if you want, and choose the "Window language". Under "Who answers visitors?" choose "AI assistant" and pick the "AI agent that answers", or "Team only", then "Create the site and open the designer".

3. Design the window

   In the "Design" tab set the colour, shape and launcher, or press "Match my site", and follow the result in "Live preview".

4. Write the words

   In the "Words" tab write the "Welcome message", the quick questions and the "Outside-hours message".

5. Set the behaviour

   In the "Behaviour" tab switch on what you need: "Knows the current page", "Guides with in-site links", "Reply cap per visitor per day", "Enable working hours", "When to ask for name and number" and the "Continue on WhatsApp" button, then "Save".

6. Install the code

   In the "Install" tab press "Copy install code" and paste the line just before the closing body tag on every page; the page shows the steps for Shopify, WordPress, Wix and others. For apps, use the "Inside your app" link in a WebView.

<script async src="https://app.
arabybot.com/webchat/widget.js"
 data-arabybot="wc_8f3a"></script>
</body>

What you should know

• Website conversations appear in the "Unified Inbox" under the "Website Chat" tab, and a teammate's role can limit them to chosen sites.
• The AI agent's website replies come from the same message balance as WhatsApp and Messenger, and Meta charges nothing for website conversations.
• The feature is included in certain packages, and the number of sites follows your package limit; once reached, the page says you reached the number of sites your plan allows.
• Visitors can attach images, video, audio, PDFs and documents up to 10 MB when "Photo and file attachments" is on, and the agent looks at images and answers them.
• Outside the working hours you set, the outside-hours message shows, and visitor messages still land in the inbox.
• The window works on any site that accepts a line of code, and inside iOS, Android and Flutter apps through a WebView, passing the user's name and number so they arrive known.

Related questions

In more depth