How to Install Smart Web Chat Widget on Salla, Zid & Shopify | AutoReplyZ
Guides & Tutorials 2026-09-24 • 5 min read • اقرأ بالعربية

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.

AutoReplyZ
AutoReplyZ Engineering Team
Conversational AI & Growth Specialists

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

1

Installing on Salla (سلة)

Salla allows instant custom script injection via your dashboard:

  1. Log in to your Salla merchant dashboard and go to Store Settings.
  2. Select Advanced Settings and click Custom Code.
  3. Copy your embed script snippet from the Channels Manager in AutoReplyZ.
  4. Paste the snippet into Code before closing </body> tag, then hit Save.
2

Installing on Zid (زد)

If your store is on Zid, setup takes just seconds:

  1. Log in to your Zid Dashboard.
  2. Navigate to Theme Customization > Custom Codes & Tracking.
  3. Paste your embed snippet into the Header / Footer Code field.
  4. Click Publish Changes to display the widget immediately on your live storefront.
3

Installing on Shopify

For Shopify stores, simply insert the script into your theme template:

  1. In Shopify Admin, go to Online Store > Themes.
  2. Click Actions > Edit code next to your active theme.
  3. Open the theme.liquid layout file.
  4. Find the closing </body> tag and paste your snippet right above it.
  5. Click Save.
4

WordPress, WooCommerce & Custom HTML Sites

Whether built with WordPress, Laravel, Next.js, or standard HTML, place this asynchronous tag right before your closing </body>:

<script src="https://autoreplyz.com/widget/chat.js" data-tenant="YOUR_TENANT_ID" async></script>

* 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.

Found this guide helpful? Share it with your network:
Boost Conversions Today

Automate Your WhatsApp & Meta Messaging with AutoReplyZ

Official Meta Cloud API. 24/7 automated replies, visual flow builder, and unified team inbox.

AutoReplyZ

AutoReplyZ Engineering Team

Verified Author

The 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