How to Install Smart Web Chat Widget on Salla, Zid, Shopify, and Any Custom Website
A practical walkthrough to embed a responsive, lightweight live chat widget on your store (Salla, Zid, Shopify, WooCommerce) or custom HTML site in 60 seconds with 1-click WhatsApp handoff.
What You Will Learn in This Practical Guide
- ✅ How to install the chat widget on Salla stores in under 60 seconds.
- ✅ Embedding the widget on Zid, Shopify, and WooCommerce.
- ✅ Adding the script to any custom website or web app (HTML/JS).
- ✅ Enabling direct 1-click WhatsApp handoff so no visitor slips away.
- ✅ Matching colors, positions, and greetings to your brand identity.
Why Your Store Needs an Intelligent Web Chat Widget Now
Recent 2026 e-commerce benchmark studies reveal that 79% of online shoppers prefer live chat over phone calls or emails. More importantly, conversion rates jump by up to 3x when a visitor receives an immediate response to their inquiry within the first 30 seconds of browsing a product.
With the AutoReplyZ Smart Web Chat Widget, you get much more than a plain chat window. You receive an ultra-lightweight widget powered by automated decision trees, FAQs, and a breakthrough feature: direct 1-click WhatsApp handoff.
Step-by-Step Installation by Platform
Installing on Salla (سلة)
Salla allows instant custom script injection via your dashboard:
- Log in to your Salla merchant dashboard and go to Store Settings.
- Select Advanced Settings and click Custom Code.
- Copy your embed script snippet from the Channels Manager in AutoReplyZ.
- Paste the snippet into Code before closing </body> tag, then hit Save.
Installing on Zid (زد)
If your store is on Zid, setup takes just seconds:
- Log in to your Zid Dashboard.
- Navigate to Theme Customization > Custom Codes & Tracking.
- Paste your embed snippet into the Header / Footer Code field.
- Click Publish Changes to display the widget immediately on your live storefront.
Installing on Shopify
For Shopify stores, simply insert the script into your theme template:
- In Shopify Admin, go to Online Store > Themes.
- Click Actions > Edit code next to your active theme.
- Open the
theme.liquidlayout file. - Find the closing
</body>tag and paste your snippet right above it. - Click Save.
WordPress, WooCommerce & Custom HTML Sites
Whether built with WordPress, Laravel, Next.js, or standard HTML, place this asynchronous tag right before your closing </body>:
* Note: Replace YOUR_TENANT_ID with your account token from the Channels Settings page.
How to Brand Your Widget to Perfection
Inside your AutoReplyZ dashboard, visit Widget Settings to customize every visual detail:
🎨 Primary Color & Theme
Select colors that match your store buttons and banners, with automatic high-contrast icon rendering.
📍 Screen Positioning
Position the launcher at bottom-right or bottom-left so it never obstructs critical checkout buttons.
💬 Automated Welcome Prompts
Craft friendly opening prompts that draw attention and invite shoppers to ask questions or get discount codes.
📲 1-Click WhatsApp Handoff
Enable WhatsApp transfer so buyers can continue chatting seamlessly on their phones without interruption.
Ready to Supercharge Your Store Conversion?
Install the smart chat widget today and enjoy seamless integration with WhatsApp Cloud API and your Unified Inbox.
Automate Your WhatsApp & Meta Messaging with AutoReplyZ
Official Meta Cloud API. 24/7 automated replies, visual flow builder, and unified team inbox.
AutoReplyZ Engineering Team
Verified AuthorThe AutoReplyZ team specializes in conversational AI, official Meta Cloud API integration, and business growth funnels. We help companies and online businesses scale customer relationships without scaling headcount.
Related Articles & Recommended Reads
Keyword Triggers Masterclass: Make Your Bot Understand Customers & Reply Instantly
A hands-on guide to setting up keyword triggers with three matching modes (Exact, Contains, Starts With) and linking them to text replies or full interactive conversation flows.
Top 15 WhatsApp Chatbot FAQs: Expert Answers to Every Question
Clear expert answers to the most common chatbot questions: Will my number get banned? How much does it cost? Can bots understand dialects? How does my team get started?
How to Build a WhatsApp Chatbot Without Coding in 2026
Step-by-step guide to building a production-ready, interactive WhatsApp chatbot for your online business in minutes using visual flow builders.