Skip to content
Wow Chat for Woo

Chat & product finder

How the Wow Chat storefront chat works — bubble, drawer and full-screen surfaces, FAQ answers with catalog fallback, product cards, add-to-cart behaviour and quick-reply suggestions.

Last updated Sep 4, 2026 · applies to v0.2.1

Three surfaces

Choose how shoppers experience the chat in Wow Chat → Settings → Design:

Surface What it looks like Good for
Floating bubble A launcher pill that opens a docked chat panel. The default. Most stores. Unobtrusive, always available.
Slide-in drawer A full-height panel that slides in from the side. Stores that want more room for product cards.
Full-screen finder A large overlay with suggested products and a chat-search input. Keywords are highlighted in results. Large catalogs where browsing matters as much as asking.

All three use the same answers, cards and settings.

How an answer is produced

  1. The shopper’s message is matched against your FAQ entries using their trigger phrases. A match returns that entry’s answer, plus any attached products.
  2. If nothing matches, the message becomes a catalog search and the reply shows matching product cards. This is the same engine as Instant search.
  3. Either way, replies are generated on your server from your own data.

Product cards

Cards show the WooCommerce product image, name, regular and sale price, and stock state, with a real add-to-cart button:

  • Simple products are added to the cart silently, without leaving the conversation.
  • Variable products show WooCommerce’s own button text (“Select options”) and link to the product page so the shopper can choose a variation.
  • External/affiliate products show their configured button text and link out.

Set how many cards an answer may show — from 1 to 8 — in the chat settings.

Quick-reply suggestions

Suggestions are the chips shown above the input so visitors can tap a starter question instead of typing cold. Manage them in Wow Chat → Chat suggestions: add, edit, reorder or clear the list to hide the strip entirely. Good starters mirror your best FAQ entries — “Shipping times”, “Gift ideas”, “Do you have X?”.

Launcher and styling

  • Label — “Find Products” by default; change it to match your voice (“Ask us”, “Need help?”).
  • Icon — choose from the built-in set.
  • Palette — Violet, Sky, Emerald, Rose, Amber or Slate, or open Advanced to set individual colours.

Performance notes

The storefront bundle is plain JavaScript with no jQuery dependency, and it loads only when chat is switched on.