Chat widget

A Shopify chat widget that looks like your store

Make WOLE's Shopify chat widget your own: pick a layout, set your colors, fonts and bubble, and choose how products and orders appear, with a live preview of the real widget as you go.

Join the waitlist See pricing

Layouts

A Shopify chat widget in three layouts

Start with a plain chat, or give shoppers a Home screen. Switching between layouts never loses the other one's settings.

Chat only
The bubble opens straight into the chat. The default.
Home + tabs
A Home screen plus Home, Chat and Help tabs.
Single hub
One scrolling page, with the chat opening over it.

Home blocks

Both Home layouts are built from blocks. Drag them into order, switch any of them off, and add up to 12.

Greeting
Title and subtitle
Continue conversation
Resume the open chat
Track my order
Order number and email
Common questions
FAQ articles, with search
Other ways to reach us
Links to your channels
Chat with us
A button into the chat
Link
Any label and URL
Promo
Title, text, button, image (Starter and above)

Colors

Your colors, light or dark

Match your brand exactly. Set one accent for everything, or go further and color each part of the widget on its own.

Light, Dark, or Auto to follow the shopper's device
One accent color, or a gradient of any two colors at any angle
Separate colors for the header, bubble, buttons, messages and Home
Text color picked for contrast, with a warning when it's too low

Bubble and teaser

A bubble that fits your theme

The teaser is a short nudge, “Need help? Ask Wole” by default. You can let shoppers dismiss it, and it then stays hidden for 7 days. A pill bubble shows just its icon on phones.

Icons: Wole's default, Chat, Sparkle, your avatar, or your own logo
Circle, Rounded or Pill, and a pill can carry a label
A teaser of up to 40 characters beside the closed bubble
Your assistant's name, greeting and avatar

Type and cards

Fonts and card styles

Use your store theme's font, the system font, or one of 12 fonts that WOLE serves itself, so no request goes to Google Fonts. Every one of them includes Vietnamese.

Text in Compact, Default or Large
Product cards: Auto, Compact row, Detailed row, Card, Large card, Carousel or Minimal list
Discount cards: Classic, Ticket or Compact
Order cards: Classic, Timeline, Compact or Detailed

Behavior

Decide how it behaves

Auto-open is off until you turn it on, opens once per visit, and never on phones. Time on page works on every plan; scroll depth and exit intent need Starter and above. On phones you choose a Compact or Full size panel, and the widget hides on checkout by default.

Auto-open after time on page, scroll depth, or exit intent on desktop
A notification sound, an unread badge and a typing indicator
A rating at the end of an answered chat, with an optional comment
Ask for an email at handoff, before the first message, or never
Attachments: images, images and PDF, or all files

The details

Options on the Storefront widget page today.

Layouts: Chat only (the default), Home + tabs, and Single hub. Switching keeps each layout's settings.
Home blocks: 8 types, up to 12 blocks on a Home, each one reorderable and switchable.
Colors: Light, Dark or Auto. A single accent or a two-color gradient, plus per-part colors.
Fonts and sizes: System, your store theme, or 12 fonts served by WOLE. Compact, Default or Large text.
Card styles: 7 for products, 3 for discounts and 4 for orders.
Quick replies: Up to 8 suggested questions under the greeting, 60 characters each.
Position: Bottom right or bottom left, with side and bottom offsets of 0 to 200 px, and a separate mobile offset.
Language: The widget's buttons and labels follow the shopper's language, in 37 languages, and so do WOLE's replies.

Keep exploring

Questions about the chat widget

Do I need to edit my theme code?

No. The widget is a Shopify app embed. Open your theme editor, switch on WOLE chat widget, and save.

Can I preview changes before shoppers see them?

Yes. The Storefront widget page shows a live preview of the real widget, including a phone view, as you change settings.

Can I hide the widget on some pages?

Yes. It hides on checkout by default, you can hide it on small phones, and you can list URLs where it shouldn't appear.

Are the widget's buttons translated?

Yes. The widget's own buttons and labels follow the shopper's language, in 37 languages, and so do WOLE's replies. The greeting and quick replies you write go out as you typed them.

Does it use Google Fonts?

No. The 12 fonts are served by WOLE itself, or the widget can use your store theme's font.

Make the chat part of your store

Install WOLE free, style the widget with a live preview, and switch it on in your theme.