• English

      • Widget Settings

      Setup > Widget Settings controls how HeiChat looks on the storefront and which support or marketing entry points customers can use.

      1. Appearance

      Use Appearance to control the visual behavior of the chat launcher and widget.

      Main settings to review:

      • Desktop and mobile position
      • Widget size
      • Margins and z-index
      • Mobile display mode
      • Chat bubble style and animation
      • Lazy load delay
      • Brand logo, avatars, greetings, callout, and theme color
      • Optional homepage inside the widget
      • RTL support
      • Conversation header style

      Recommended setup flow:

      1. Pick desktop and mobile positions that do not clash with sticky UI elements.
      2. Set widget size and spacing.
      3. Decide whether mobile should use full-screen or drawer mode.
      4. Upload your logo and avatars.
      5. Write a greeting and callout that match your brand tone.
      6. Turn on the widget homepage only if you want customers to browse shortcuts before chatting.

      2. Feature Widgets

      Feature Widgets expand HeiChat beyond the main chat bubble.

      Sales widgets

      Common sales-focused widgets include:

      • Restock Notification
      • Exit Intent Popup
      • Spin to Win
      • Video Popup Widget
      • Sales Activity Popup

      These are useful when you want to:

      • Capture leads on out-of-stock products
      • Recover abandoning visitors
      • Add urgency and social proof

      Support widgets

      Common support-focused widgets include:

      • Product Search Widget
      • Order Search Widget
      • Help Desk Widget
      • Feedback Widget
      • Inline Chat Button
      • Drawer Cart Widget

      These are useful when you want to:

      • Reduce repetitive support questions
      • Give customers self-service order tracking
      • Let customers submit structured feedback with screenshots
      • Place chat directly on product pages

      Step-by-step suggestions

      If you are rolling this out gradually:

      1. Start with Product Search or Order Search if self-service is important.
      2. Add Feedback Widget if your support team benefits from screenshots.
      3. Add Restock Notification or Exit Intent only after the base experience is already stable.

      3. Quick Buttons

      Quick Buttons create one-click shortcuts inside the widget.

      Most common buttons:

      • Best Seller
      • Need Help
      • Talk to Human
      • Q&A quick buttons

      Use them to shorten the path to common intents.

      Recommended order:

      1. Add Need Help if manual escalation is part of your support flow.
      2. Add Talk to Human if live handoff is available on your plan.
      3. Add Best Seller if chat is also used for product discovery.
      4. Add Q&A buttons for the most repetitive questions.

      4. Quick Help Guides

      Quick Help Guides are clickable document links shown on the widget homepage or in chat.

      For each document, prepare:

      • A title
      • A short summary
      • A cover image URL
      • A destination page URL

      Important:

      • These are navigation links only.
      • They do not automatically become AI knowledge.
      • If the same content should influence AI answers, also add it to the Knowledge Base.

      5. Social Media

      The Social Media area lets you add icons for channels such as Instagram, Facebook, TikTok, Messenger, Telegram, and others.

      For each entry:

      1. Choose the platform.
      2. Enter the required link or ID.
      3. Decide whether to display it on the storefront.

      If your launcher feels crowded, go back to Appearance and adjust launcher position or size.

      1. Finish Appearance first.
      2. Add the fewest Feature Widgets that solve real problems.
      3. Add Quick Buttons for top customer intents.
      4. Add Quick Help Guides if you already have strong support content.
      5. Add Social Media only when those channels are actively managed.