Quick install on any platform
Add WordPress, Shopify, or OpenCart — or a single code line for custom-built sites. Once activated, the chat button appears on your site and connects instantly to the Wsali dashboard.
Website chat · Live Chat Widget
Smart chatbot for e-commerce — instant contact and better customer experience
Professional chat widget embedded in your store via WordPress, Shopify, OpenCart, or custom code — AI replies, product recommendations, in-conversation checkout, live visitor tracking, and customer data in one inbox.
- Smart chatbot for e-commerce stores
- WordPress · Shopify · OpenCart · custom development
- AI 24/7
- Live visitor tracking
- 4Supported platforms
- 24/7Smart bot
- <1sLoad widget
- LiveVisitor tracking
- 1Unified inbox
Why Wsali smart chatbot for e-commerce stores?
Not just a chat box — a full sales and customer service channel inside your store
AI trained on your store
The bot understands your products, prices, and policies — auto-replies 24/7, recommends products, completes purchase in conversation, and hands off to agents when needed.
Real-time visitor tracking
See who is browsing your site now: current page, country, IP address — and send a direct message to any visitor before they leave.
Full visual identity customization
Colors, fonts, button position, welcome message, auto-open — everything is configured from the dashboard without coding.
Unified inbox
Website chat conversations reach the same inbox as WhatsApp and other channels — automatic agent distribution and customer data collection.
Optimized for e-commerce stores
Interactive product cards, budget-based recommendations, add to cart from chat, sales rep banner on product page — a smart chatbot system for e-commerce stores at its best.
Install on any platform
- WordPress
- Shopify
- OpenCart
- Custom development — Embed Code
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 floating chat button appears — or opens automatically after seconds with a custom welcome message that captures attention
-
02
AI welcomes and understands
The bot trained on your site content replies to inquiries, shows interactive products, and asks about budget or needs
-
03
From question to purchase
The customer selects a product and adds to cart or completes the order — without leaving the chat window
-
04
Customer data collection
Every conversation is logged in the customer database — name, email, phone, interests — for targeted campaigns later
-
05
Hand off to agent when needed
If the customer requests a human or the bot exceeds its limits — the conversation is assigned to the right agent via Round Robin
-
06
Reports and analytics
Track chat performance: conversation count, conversion rate, most engaging pages — to improve store experience
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
Professional interface ready for e-commerce stores
- Smart chatbot for e-commerce stores
- Website chat widget
This is the actual website chat widget after installation: green floating button with "Chat with us", elegant chat window with dark header, automatic welcome messages offering a discount code or product help, compose box with file attachments, and clear send button — all customizable from the dashboard to match your store identity.
★
Chat window as visitors see it on your store
This is the actual website chat widget after installation: green floating button with "Chat with us", elegant chat window with dark header, automatic welcome messages offering a discount code or product help, compose box with file attachments, and clear send button — all customizable from the dashboard to match your store identity.
- 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 — ready in minutes
- Smart chatbot for e-commerce stores
- Website chat
You do not need a developer to activate site chat. Download the plugin for your platform or copy the code line — enter platform URL and chat key — and the widget appears on your store instantly.
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
- Website chat
- Live Chat Widget
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
- Customize website chat
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
- Auto-open chat
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 visitor tracking
Exclusive feature of Wsali smart chatbot for e-commerce: see who is browsing your store now, on which page, from which country — and IP address — then start a proactive conversation with one click.
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 smart chatbot system for e-commerce stores
What is Wsali smart chatbot system for e-commerce stores?
A professional chat widget integrated into your online store — powered by AI for auto-replies, product recommendations, in-chat checkout, real-time visitor tracking, and unified customer data inbox with WhatsApp and all other channels.
Does it work with WordPress, Shopify, and OpenCart?
Yes. We provide ready plugins for WordPress, Shopify, and OpenCart — install, activate, and enter your chat key. For custom-coded sites, paste one line of code before the closing body tag.
How is AI connected to site chat?
From channel settings, enable Allow smart bot to reply automatically. The bot uses knowledge seeded from your site and instructions added in the AI section — the same bot that works on WhatsApp.
Can I track visitors and see IP addresses?
Yes. Enable Live visitor tracking from chat settings — and you will see in the dashboard who is browsing your site now: page, country, and IP — with the ability to message any visitor directly.
Does chat affect site speed?
The script loads with defer and does not slow the page. The local WordPress plugin loads the widget from your own server — ideal for Google PageSpeed analytics.
Can I manage multiple stores from one dashboard?
Yes. Use the same company key on multiple sites with a different name per site — all conversations arrive in one inbox with the source shown in the Site name column.
Ready to activate a smart chatbot for your e-commerce store?
Download the plugin or copy the code — and start smart replies, visitor tracking, and customer data collection today.