Quick install on any platform
Install the e-commerce chatbot via WordPress, Shopify, or OpenCart plugins — or one line of code for custom sites. Within minutes, live website chat appears on your store and connects to the Wsali dashboard.
E-commerce chatbot · Live website chat system
E-commerce chatbot — a live website chat system that turns visits into sales
Install an AI-powered e-commerce chatbot on your store: it greets visitors, recommends products, helps complete purchases in chat, and tracks who is browsing now. A live website chat system for WordPress, Shopify, OpenCart, or custom code — with a unified inbox alongside WhatsApp.
- E-commerce chatbot
- Live website chat system
- WordPress · Shopify · OpenCart
- AI and live visitor tracking
- 4Supported platforms
- 24/7Smart bot
- <1sLoad widget
- LiveVisitor tracking
- 1Unified inbox
Why Wsali e-commerce chatbot?
Not a disposable message box — a live website chat system that sells, supports, and captures data inside your store
AI trained on your store
The e-commerce chatbot understands your products, prices, and shipping/return policies — replies around the clock, recommends items, moves purchases closer inside chat, and hands off to an agent when the customer needs a human touch.
Real-time visitor tracking
With live website chat you see who is browsing now: page, country, and IP — and start a conversation before the visitor closes the tab and leaves for a competitor.
Full visual identity customization
Colors, fonts, button position, welcome message, and auto-open — tune live website chat from the dashboard without a developer so it feels part of your store design.
Unified inbox
E-commerce chatbot conversations land in the same inbox as WhatsApp and other channels — with team routing and customer data captured in one place.
Optimized for e-commerce stores
Product cards, budget-based recommendations, add-to-cart from chat, and a sales-rep banner on the product page — what separates a serious e-commerce chatbot from generic chat with no sales path.
Install on any platform
- WordPress
- Shopify
- OpenCart
- Custom development — Embed Code
E-commerce chatbot and live website chat — with clear operating language
Practical store language: turn a hesitant visitor into a chat, then an order — without long contact forms
A visitor entering your online store is not looking for a long contact form; they want an answer now. That is where an e-commerce chatbot helps: it answers common questions, shows the right product, and moves the purchase decision closer before the tab closes. Wsali builds this as a live website chat system connected to one inbox with WhatsApp and other channels — not an isolated widget whose chat ends in a vacuum.
Many stores install a chat tool then discover it is only a message box with no sales path. The difference with an e-commerce chatbot trained on your catalog and policies is that the conversation becomes an operating flow: recommend, add to cart, escalate to an agent, then a customer record you can use later. A live website chat system in this sense cuts manual reply hours without removing the human touch when it matters.
Whether your store runs on WordPress, Shopify, OpenCart, or custom code, the goal stays the same: turn a visit into a chat, and a chat into an order. Start with an honest welcome, set auto-open wisely, and watch which pages generate the most conversations. That is how an e-commerce chatbot becomes a revenue channel instead of a pretty button, while live website chat stays part of your brand and site speed.
If you measure ad cost today without measuring reply quality on the site, you see only half the picture. An e-commerce chatbot closes the post-click gap, and live website chat gives clear proof: a conversation started, a question answered, and an order completed or handed to an agent at the right time.
Why does your store need an e-commerce chatbot?
Because most objections happen while browsing: size, shipping, availability, payment. An e-commerce chatbot catches that moment on the page itself, raising completion odds and cutting abandoned carts lost after minutes of hesitation.
What makes a live website chat system different from traditional chat?
A live system does more than move text; it shows product cards, auto-opens with a pull message, tracks live visitors, and links chats to a unified inbox. That is a live website chat system designed for sales — not support alone.
How does an e-commerce chatbot help the sales team?
It covers repeated questions day and night, and routes complex or high-value cases to an agent with page and product context. Result: less time on repeats, more time closing — the core of a mature e-commerce chatbot.
Live website chat and the mobile experience
Most Saudi store visits come from mobile. So a live website chat system tunes button size, margins, and safe-area — without covering buy buttons or slowing the page — keeping chat one thumb away.
WhatsApp integration inside the e-commerce chatbot
You can combine site chat and WhatsApp in one floating button, or move interested shoppers from browser to WhatsApp with a product-page banner. The e-commerce chatbot and WhatsApp work in one inbox instead of scattering the team across tools.
Measuring live website chat success
Watch chat volume, chat-to-order conversion, and top engaging pages. When you see where dialogue starts and stalls, you improve wording and recommendations — turning live website chat into a weekly improvement tool, not just a messaging channel.
Customer journey — from visit to purchase and analytics
Six steps every visitor goes through when interacting with your site chat
-
01
The visitor enters your site
The e-commerce chatbot button appears — or live website chat auto-opens after a few seconds with a welcome that attracts attention without annoyance.
-
02
AI welcomes and understands
An e-commerce chatbot trained on your store content answers questions, shows interactive products, and asks about budget or need inside live website chat.
-
03
From question to purchase
The customer picks a product and adds to cart or completes the order from the e-commerce chatbot window — without leaving live website chat.
-
04
Customer data collection
Every live website chat conversation is saved as a lead — name, email, phone, interests — to fuel later campaigns alongside the e-commerce chatbot.
-
05
Hand off to agent when needed
If the customer asks for a human or the e-commerce chatbot hits its limits — live website chat routes the conversation to the right agent with context.
-
06
Reports and analytics
Track e-commerce chatbot performance: chat volume, conversion, and top pages — to improve live website chat weekly.
AI on website chat — training · replies · routing · data
The same Wsali smart bot we described earlier — works on website chat as it does on WhatsApp
Train the AI
Like the Wsali smart bot: the platform crawls your site content (products, pages, FAQ) and stores it in a knowledge base. Add custom instructions, reply rules, and tone of voice — and the bot becomes an expert on your store.
- Automatic crawl of site and product content
- High-priority custom instructions
- Customizable reply tone (formal · friendly · sales)
- Automatic Arabic and English support
Smart replies inside chat
Enable "Allow smart bot to auto-reply" on the website chat channel — it answers questions, shows interactive lists and product cards, and displays quick replies for agents during manual takeover.
- 24/7 auto-reply on website chat
- Product cards and choice lists
- Ready quick replies for agents
- Competitor mention alerts
Distribute conversations across agents
Website chat conversations reach one inbox with other channels. Assign to a specific agent or distribute automatically (Round Robin) — with instant notifications and no lost messages.
- Unified inbox for all channels
- Manual assignment or automatic distribution
- View customer data and store orders
- Tags and classification during conversation
Customer data collection and analysis
Every visitor who chats is logged as a lead — with conversation history, pages visited, and visit source. Use the data for marketing campaigns and abandoned cart recovery.
- Customer profile per conversation
- Custom fields and tags
- Integration with WooCommerce and Shopify
- Abandoned cart tracking
Full tour of website chat settings — 16 steps documented with screenshots
Every screenshot from the actual dashboard — detailed walkthrough of installation, customization, auto-open, AI connection, and real-time visitor tracking.
Chat widget appearance on your site — what the customer sees
Live website chat system with your store branding
- Smart chatbot for e-commerce stores
- Website chat widget
This is what store visitors see after activating the e-commerce chatbot: a floating “Talk to us” button, an elegant chat window, welcome messages offering a discount or product help, plus a composer, attachments, and a clear send button. Every detail is editable from the dashboard so live website chat feels like a natural extension of your brand — not a bolted-on widget.
★
Chat window as visitors see it on your store
This is what store visitors see after activating the e-commerce chatbot: a floating “Talk to us” button, an elegant chat window, welcome messages offering a discount or product help, plus a composer, attachments, and a clear send button. Every detail is editable from the dashboard so live website chat feels like a natural extension of your brand — not a bolted-on widget.
- Floating capsule button + "Chat with us" text — color and position adjustable
- Dark header with custom title
- Automatic welcome messages — discount code or help choosing
- Compose box + attachments + green send button
- Works on mobile and desktop without slowing the site
- Powered by Wsali — professional badge at the bottom of the window
Installation and connection — WordPress · Shopify · OpenCart · custom code
شات بوت للمتاجر الإلكترونية — نظام دردشة مباشر للمواقع جاهز في دقائق
- Smart chatbot for e-commerce stores
- Website chat
لا تحتاج مطوراً لتفعيل شات بوت للمتاجر الإلكترونية. حمّل الإضافة أو انسخ الكود، أدخل مفتاح الشات، ويظهر نظام دردشة مباشر للمواقع على متجرك فوراً.
1
Add WordPress — two versions for speed and flexibility
From Wsali dashboard, download the WordPress plugin in one of two versions: the standard version loads the script from the platform directly — any update reaches all sites automatically. The local version bundles the script inside the plugin — ideal for page speed and Core Web Vitals analytics. Install via: Dashboard → Plugins → Upload plugin → Activate.
- Standard version — automatic updates from platform
- Local version — faster site performance
- Auto-fill connection fields on activation
- Settings from WordPress or Wsali dashboard
2
Platform connection — app URL and company key
After installing the plugin, enter the Wsali app URL (your account base URL) and chat key from: Wsali settings → Communication channels → WordPress section. The same key is used for customer and abandoned cart tracking. You can use the same plugin on multiple sites with different names — and all conversations reach one inbox.
- Enable chat icon display
- Company key from platform dashboard
- Site name to identify source
- Multiple stores in one inbox
3
Installation code — for custom-built sites
If your site is built with a custom language or framework — copy the script line from the Wsali dashboard and paste it before the closing body tag. From the same screen, enable "Allow smart bot to auto-reply", competitor mention alerts, and quick replies. The script loads with defer so it does not affect site speed. The "Open test page" button lets you verify the widget before going live.
- Single code line — instant install
- defer loading — does not slow the site
- Built-in test page
- Unique data-whatsaas-key per store
4
Communication channels — website chat + WhatsApp in one button
From WordPress or platform settings, enable communication channels in the floating icon: website chat (Wsali) with auto-open support, and WhatsApp with mobile number and country code. Visitors see one button combining all channels — professional experience without button clutter.
- Website chat + WhatsApp together
- Link site to platform ID
- Auto-open chat support
- WhatsApp number in 9665xxxxxxxx format
Enable chat and channel settings
From Wsali dashboard — full control over widget behavior
- Live website chat system
- E-commerce chatbot
After connecting, open "Website chat" settings in the Wsali dashboard: enable the service, configure live visitor tracking, session duration, button and window colors, and welcome message — everything from one place.
5
Enable website chat — colors, position, and welcome message
In channel settings, enable "Allow smart bot to auto-reply on this channel" — AI starts replying to site visitors immediately. You can also enable competitor mention alerts and show quick replies in the compose box. Enable "Active" to turn on chat. Set chat button color and window header color, icon position on desktop and mobile (left or right — can differ to avoid button clutter), and button shape (circle or capsule). Enter a proactive welcome message — such as a discount code — to encourage the customer to start chatting.
- Live visitor tracking in admin dashboard
- Chat session duration (e.g. 24 hours)
- Site name in source column
- Different position for mobile and desktop
Appearance and visual identity — match your brand
Colors · fonts · banner · sales rep
- Live website chat system
- E-commerce chatbot
The website chat widget is not a generic gray box — it is fully customizable to match your store identity. Adjust every detail from the Wsali dashboard or WordPress settings.
7
Customize appearance from WordPress — override settings
Choose "Customize from WordPress" to override platform settings locally: icon position, button color, window header color, button shape (capsule + text), button text like "Chat with us", and font size. Useful when each site in the network has a different visual identity.
- Settings source: platform or WordPress
- Different position for mobile and desktop
- Capsule button with custom text
- Avoid floating button clutter
8
Interface colors — WhatsApp · borders · corner radius · Cairo font
Set WhatsApp color in the menu, menu border color, and corner radius in pixels. Choose the interface font — such as Cairo from Google Fonts — applied to the chat window, "Chat with us" button, contact menu, and WhatsApp banner. Welcome and chat font sizes are finely adjustable.
- Google Fonts supported
- Window corner radius
- Custom window title
- Unified styling across all widget elements
9
Chat window fonts — sizes and conversation bubbles
Control font family, welcome message size, chat message size, and compose box. Visually distinguish visitor messages (sent) from your replies to the customer (received) — with font color and bold option for each. An empty window title uses the company name from the platform dashboard.
- Welcome and message font size in pixels
- Color and bold for visitor messages
- Color and bold for your and bot replies
- System default or custom font
10
Conversation bubbles — send button and welcome message
From WordPress: customize send button text, compose box font color, optional welcome message (or default from platform), and font size with bold option. These settings pass to the widget when local customization is selected — for an experience consistent with your site design.
- Custom text for "Send" button
- Compose box text color
- Welcome message from WordPress
- Visual distinction between sender and receiver
11
Sales rep banner — photo, name, and colors
Upload the rep photo (or default avatar), set banner colors (background and text), banner font, and rep name and subtitle sizes. Add an optional WhatsApp message with the {product} variable for the product name on WooCommerce pages — a personalized message for each product.
- Circular rep photo
- Custom banner colors
- Dynamic WhatsApp message {product}
- Choice list appearance
12
WhatsApp sales banner on product page — WooCommerce
Enable the sales rep banner on the product page only or site-wide. Choose position: before "Add to cart" or below price. Use shortcode [wsali_wa_banner] on any page, or do_shortcode in PHP templates. Rep name and subtitle are fully customizable.
- Position before add to cart
- Shortcode [wsali_wa_banner]
- Custom product_id
- Direct handoff to WhatsApp
13
Contact button visibility hours — smart scheduling
Set weekdays and business hours for the contact button — it hides automatically outside hours with an "Outside business hours" message. Customize "Website chat", "WhatsApp", and "Call" labels, and contact icon color. Choose floating button style: icons only or "Chat with us" text button.
- Schedule business days and hours
- Hide contact outside business hours
- Customize channel labels
- Button style: icons or text
Proactive engagement — auto-open and engagement message
Turn silent visitors into active conversations
- E-commerce chatbot
- Live website chat system
Do not wait for the customer to click chat. Set auto-open after a specified number of seconds, with a welcome message on window open — once per session or on every page per your choice.
14
Mobile settings — button size and safe area
Set chat button size on mobile in pixels, and enable "Respect safe-area" to avoid overlap with the system bar or notch. Set distance from bottom and side, and icon scale percentage — for an ideal experience on all screen sizes.
- Custom mobile button size
- safe-area for modern screens
- Precise margins from bottom and side
- Icon scale by percentage
15
Auto-open on desktop — margins and timing
Enable "Auto-open chat window" and set the delay before opening (3 to 600 seconds). Write a post-open message that appears in the conversation instantly — such as: "Welcome, we are here to help". The "Repeat behavior on every page load" option controls showing the window once or on every page.
- Auto-open after X seconds
- Proactive message on open
- Desktop and mobile margins
- Once or every page
Real-time customer tracking
See your site visitors now — and message them directly
- Live website chat system
- E-commerce chatbot
ميزة داخل شات بوت للمتاجر الإلكترونية من وصالي: ترى من يتصفح الآن عبر نظام دردشة مباشر للمواقع — الصفحة والبلد وIP — ثم تبدأ محادثة استباقية بنقرة.
16
Customer tracking dashboard — site visitors now
From Marketing → Customer tracking, a list updates every few seconds with every visitor who has chat and tracking enabled. Columns: customer, site name, country with flag, current page (full URL), and "Send" button to start a direct conversation. Enable "Live visitor tracking" from chat settings to send pulses from the widget to the admin dashboard.
- Live update every few seconds
- Current page, country, and IP
- Send a proactive message with one click
- Identify each site source in the network
FAQ about e-commerce chatbot and live website chat system
What is Wsali e-commerce chatbot?
It is a chat widget embedded in your store that works as an e-commerce chatbot: AI replies, product recommendations, in-chat purchase help, visitor tracking, and customer data in a unified inbox with WhatsApp — a live website chat system built for sales, not messaging alone.
Does live website chat work with WordPress, Shopify, and OpenCart?
Yes. We provide ready plugins to activate live website chat on WordPress, Shopify, and OpenCart. For custom-built sites, one line of code before </body> shows the e-commerce chatbot within minutes.
How is an e-commerce chatbot different from generic chat?
Generic chat moves messages. An e-commerce chatbot shows products, understands your store policies, adds to cart, and escalates to an agent when needed — with live visitor tracking inside a live website chat system.
How is AI connected to live website chat?
From channel settings, enable automatic bot replies. It trains on your site content, products, and instructions, so the e-commerce chatbot becomes an expert on your store — with the same bot logic used on WhatsApp.
Can you track visitors through the e-commerce chatbot?
Yes inside live website chat: enable live tracking to see page, country, and IP, and send a proactive message to any visitor before they leave — especially on product and checkout pages.
Does live website chat affect store speed?
The script loads with defer so it does not slow the page. For WordPress, a local version of the e-commerce chatbot fits Core Web Vitals and PageSpeed improvements.
Can I manage multiple stores with the same live website chat?
Yes. Use the company key on multiple sites with different source names, so all e-commerce chatbot conversations land in one inbox with each store labeled.
When should I hand the customer from chat to a human agent?
For complex requests, complaints, or high-value cases. The e-commerce chatbot covers repeats, and live website chat passes context to the agent so the customer does not re-explain from scratch.
Ready to activate an e-commerce chatbot on your site?
Activate live website chat today: install the plugin or paste the code, connect the bot, track visitors, and capture customer data from the first conversation.